Перейти к содержимому



Помогите с расположением логотипа

#1 Audir853

Audir853
  • Пользователь
  • 197 сообщений
  • Репутация: 0
0

Отправлено 16 Декабрь 2017 - 22:26

здравствуйте. можете подсказать пожалуйста, мне по дизайну нужно так сделать, чтобы логотип начинался сверху от самого края верхнего, но тут по опыту могу сказать, что возникает проблема, - к самому краю не дает подобраться верхнее меню. как можно поднять логотип под слоем верхнего меню? пробовал через я index, не получается.

вот сайт http://coffeemann.ru/ , коричневый прямоугольник это тест логотипа, а сверху полоса верхнего меню, мне нужно этот логотип поднять до самого верхнего края, полому меню я сделаю прозрачной, мне нужно чтобы логотип поднялся под слоем ниже этой полосы меню.

подскажите пожалуйста, где капаться в CSS или в HTML?

Заранее спасибо!


 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Помогите с вырезанием логотипа
  2. Передвинуть логотип в шапке сайта
  3. Помогите с css логотипа
  4. Как и где создать логотип для сайта
  5. Оцените, пожалуйста, дизайн финансового шаблона

#2 ShowPrint

ShowPrint
  • Пользователь PRO
  • 2 653 сообщений
  • Репутация: 687

Отправлено 16 Декабрь 2017 - 22:47

перенесите логотип в начало div id="header", пара тройка стилей и золотой ключик у вас в кармане

Untitled-1.png

 

UPD

Либо, как вариант оставляя лого там, где оно есть:

<div id="logo" style="position:relative;top:-55px;"><!-- 55px = высота верхнего меню + padding-top блока логотипа -->
  <img src="http://coffeemann.ru/image/catalog/diz/logotest2.jpg" title="Coffeemann.ru" alt="Coffeemann.ru" class="img-responsive">
</div>

В первом варианте (с абсолютным позиционированием) остальные элементы будут накладываться на логотип как будто его нет на странице, во втором варианте, с относительным позиционированием - лого будет "обтекаться" другими элементами.


Сообщение отредактировал ShowPrint: 17 Декабрь 2017 - 00:00

  • 1
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/



Оформление форума – IPBSkins.ru