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



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

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

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

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

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

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

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


 

 

  • 0

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

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




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

× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 480 5 тем, 65 сообщений, 4 балла репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 388.5 Вне конкурса за определение пользователя месяца

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

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

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

    lena220678
    Очков активности: 33 1 тема, 19 сообщений, 1 балл репутации

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

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 24 0 тем, 8 сообщений, 2 балла репутации

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

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

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

    Constantine (constantine.video.blog)
    Очков активности: 19.5 2 темы, 7 сообщений, 1 балл репутации

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

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

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

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

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

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