Перейти к содержанию
siniovvitia

Переместить блок ссылок (акции, контакты и т.д.) в центр хедера

Рекомендуемые сообщения

Необходимо переместить блок ссылок (акции, контакты и т.д.) в центр хедера,- сайт резиновый - в хедере идет три фотки - левая, центральная (повторяется), и правая.

пробовал поиграться в css,- ничего не получается

сайт тут http://www.mavrus.com.ua/

если нужны коды,- выложу.

Заранее благодарен вам за помощь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну он у Вас не совсем резиновый добавьте в 42 строке min-width: 980px;

и увидите что когда расширение экрана 1024 акции контакты и тд не влезут в центр поэтому лучшим вариантом будет их прибить к верху

в 51 строке поменяйте padding-top: 38px; на padding-top: 0px; или вообще удалите эту строку

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

ну он у Вас не совсем резиновый добавьте в 42 строке min-width: 980px;

и увидите что когда расширение экрана 1024 акции контакты и тд не влезут в центр поэтому лучшим вариантом будет их прибить к верху

в 51 строке поменяйте padding-top: 38px; на padding-top: 0px; или вообще удалите эту строку

спасибо за помощь,- я чет упустил отступ сверху, но мне все равно необходимо переместить сыслки в центр

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо за помощь,- я чет упустил отступ сверху, но мне все равно необходимо переместить сыслки в центр

только щас заметил,- когда ставишь padding-top: 0px ,- то панель ссылок лезет на хедер - на 38 пикс

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы уже исправили или в каком браузере у Вас это происходит ?

и у меня вот что то в ИЕ 8 не отображается Ваш фон хеадера

Вы еще в 52 строке добавьте padding-right: 20px; чтобы оторвать от правого края акции\кабинет и тд

а Вот с центром я даже не подскажу как да и не влазят они в центр по ширине

или Вы что то типа такого имели ввиду ?

в 52 строке без предыдущих изменений добавляем

width: 80%;

text-align: center;

но я не уверен что во всех браузерах будет показывать как надо

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в css в 47 строке удаляешь

padding-left:15px;
padding-top:15px;
вместо них вставляешь

width:0px;
в 52 строке удаляешь

float:right;
вместо этого добавляешь

text-align:center;
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в css в 47 строке удаляешь

padding-left:15px;
padding-top:15px;
вместо них вставляешь

width:0px;
в 52 строке удаляешь

float:right;
вместо этого добавляешь

text-align:center;

щас попробую

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

щас попробую

Да здравствуют имеющие терпение и желание помочь !!!

Спасибо огромное!!!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вы уже исправили или в каком браузере у Вас это происходит ?

и у меня вот что то в ИЕ 8 не отображается Ваш фон хеадера

Вы еще в 52 строке добавьте padding-right: 20px; чтобы оторвать от правого края акции\кабинет и тд

а Вот с центром я даже не подскажу как да и не влазят они в центр по ширине

или Вы что то типа такого имели ввиду ?

в 52 строке без предыдущих изменений добавляем

width: 80%;

text-align: center;

но я не уверен что во всех браузерах будет показывать как надо

спасибо,- проэкспереминтировал в opera, mozilla, Chrome и даже в ie - везде отображает корректно...

кстати,- если у кого-то бывают проблемы с отображением в IE ,- есть классный эмулятор на все версии

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> - когда выходит новая версия,- меняете 7 на новую версию

а еще лучше вот этот <meta http-equiv="X-UA-Compatible" content="IE=edge" />

он сам следит за новыми версиями

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.