Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

пробовал поиграться в 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.