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



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

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

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

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

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

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

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


 

 

  • 0

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

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




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

Пользователь месяца
albedo albedo 1-й за Май
Очков активности: 198 5 тем, 29 сообщений, 3 балла репутации
Сайт: online24news.ru
ТОП самых активных за этот месяц
  • Фотография NewBlade
    #1

    NewBlade
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

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

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

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

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

    FIvYUr (moy-evroopt.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

    agrx (key-assort.ru)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

    getsend
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

    Bukvarix
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Фотография HOST-I7U
    #8

    HOST-I7U (host-i7u.com)
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

    nuaru
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

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

    gakrus1
    Очков активности: 1.5 0 тем, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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