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



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

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

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

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

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

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

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


 

 

  • 0

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

Отправлено 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 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/




Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
NataliaAntalia NataliaAntalia 1-й за Октябрь
Очков активности: 480 2 темы, 58 сообщений, 5 баллов репутации
Сайт: zdorovemedicina.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 468 0 тем, 24 сообщения, 13 баллов репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 283.5 0 тем, 21 сообщение, 9 баллов репутации

  • Фотография Vmir
    #3

    Vmir
    Очков активности: 277.5 3 темы, 28 сообщений, 5 баллов репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 252 1 тема, 21 сообщение, 7 баллов репутации

  • Фотография Megoydagi
    #5

    Megoydagi (24ho.ru)
    Очков активности: 193.5 8 тем, 19 сообщений, 3 балла репутации

  • Фотография MattCutts
    #6

    MattCutts (dmitrylee.ru)
    Очков активности: 166.5 Вне конкурса за определение пользователя месяца

  • Фотография NataliaAntalia
    #7

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 138 Вне конкурса за определение пользователя месяца

  • Фотография miketomlin
    #8

    miketomlin
    Очков активности: 78 0 тем, 13 сообщений, 4 балла репутации

  • Фотография TimurR
    #9

    TimurR
    Очков активности: 42 3 темы, 5 сообщений, 2 балла репутации

  • Фотография kolver
    #10

    kolver
    Очков активности: 24 3 темы, 7 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.10.2019
  • Яндекс выдача: 17.11.2019
Топ 5 участников по репутации

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