0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 2349 Просмотров
*

Mixxxa

  • Захожу иногда
  • 86
  • 0 / 0
Не выравнивается меню
« : 07.10.2010, 22:52:20 »
Привет всем,уже который час не могу выровнять меню по правому краю.Ставлю text-align: right; в дримвивере видно что выравнивание справа на сайте же меню также слева.Также пробывал так прописать <div align="right" id="nav_h">


html:
Код
  <div id="nav_h">
      <jdoc:include type="modules" name="top1" style="xhtml" />   
  </div>

css:
Код
#nav_h {
background: url(../images/bg-nav.jpg) repeat-x;
height: 44px;
list-style: url(none) none;
padding: 0px;
margin-bottom: 28px;
}


ul.menu li {
list-style-type: none;
position:relative;
padding: 0px;
height: 30px;
float: left;
margin: 0px;
}

ul.menu a {
display: block;
height: 44px;
overflow: hidden;
color: #1a9a16;
text-decoration: none;
height: 14px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background: url(../images/bg-li.jpg) no-repeat left center;
text-shadow: #f5f5f5 0px 1px 0px;
padding: 14px 24px;
list-style: url(none) none;
}

ul.menu li.active a, ul.menu li a:hover {
color: #1a9a16;
text-decoration: none;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
list-style: url(none) none;
}
ul.menu li a, ul.menu li.active ul li a  {
color:#7a7a7a;
list-style: url(none) none;
}

ul.menu li ul {
display:none;
position:absolute;
top:2em;
left:0;
padding:0px;
margin:20px 0px 0px;
opacity:0.75;
color: #1a9a16;
background: #E2E2E2;
}


ul.menu li:hover ul {
display: block;
}
ul.menu li:hover ul li a{
width: auto;
height: 14px;
background: url(none);
}
Подскажите как же его выровнять по правому краю.
Спасибо.
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Не выравнивается меню
« Ответ #1 : 07.10.2010, 23:12:31 »
напрямую самому диву выравнивание не задать. text-align: right; - действует на контент данного дива, т.е. на то, что внутри. пробуйте float.  margin - тут можно и отрицательные значения задать, но могут быть проблемы с кроссбраузерностью. внутрь еще одного дива - а уже ему text-align: right;.

ссылка есть на сайт? вслепую трудно советовать
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

Mixxxa

  • Захожу иногда
  • 86
  • 0 / 0
Re: Не выравнивается меню
« Ответ #2 : 07.10.2010, 23:16:32 »
Вот сайт
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Не выравнивается меню
« Ответ #3 : 07.10.2010, 23:25:58 »
т.к. шаблон фиксированный можно так:
Код
#nav_h {
background:url("../images/bg-nav.jpg") repeat-x scroll 0 0 transparent;
height:44px;
list-style:none outside url("none");
margin-bottom:28px;
padding:0 0 0 52%; //или padding:0 0 0 500px;
}
попробуйте, только посмотрите еще в опере и ie, в фф все нормально
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

Mixxxa

  • Захожу иногда
  • 86
  • 0 / 0
Re: Не выравнивается меню
« Ответ #4 : 07.10.2010, 23:33:40 »
При добавлении пунктов они сьезжают вниз(((
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Не выравнивается меню
« Ответ #5 : 07.10.2010, 23:35:31 »
ну, так уменьшайте значение padding - это отступ слева.
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Не выравнивается меню
« Ответ #6 : 07.10.2010, 23:36:05 »
У вас пунктам меню прописано float: left, вот они и уплывают влево.
text-align действует только на строчные(инлайновые) элементы. Но любой элемент с float автоматически становится блочным. К тому же li по умолчанию сами по себе блочные. Либо сделайте их строчными(display: inline), либо придумывайте ченить другое.
По ссылке не ходил.
Да, и че это за тупость - background: url(none). вобщето пишется background: none
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Mixxxa

  • Захожу иногда
  • 86
  • 0 / 0
Re: Не выравнивается меню
« Ответ #7 : 07.10.2010, 23:37:42 »
Да, и че это за тупость - background: url(none). вобщето пишется background: none
Так дримвивер пишет.
*

Mixxxa

  • Захожу иногда
  • 86
  • 0 / 0
Re: Не выравнивается меню
« Ответ #8 : 07.10.2010, 23:44:52 »
Прописал для li     display: inline-block; все нормально встало вправо.Всем СПАСИБО.
« Последнее редактирование: 10.07.2013, 00:03:07 от Mixxxa »
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Re: Не выравнивается меню
« Ответ #9 : 07.10.2010, 23:58:29 »
.moduletable_menu
{float:right;}
пропиши в стилях класс
у тебя он не включен
и его редактируй

Re: Не выравнивается меню
« Ответ #10 : 13.02.2011, 12:53:44 »
Всем привет.)на моём сайте првое меню больше отодвинуто от края(правого), чем левое(от левого)...вот:

Вот сам сайт:http://korobka.od.ua/

подскажите пожалуйста что сделать!)
зарание спасибо_)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

убрать из меню заголовки h3

Автор nexter

Ответов: 19
Просмотров: 6455
Последний ответ 03.02.2020, 18:49:47
от durte
При добавлении нового пункта меню не отображается содержимое

Автор Denko

Ответов: 2
Просмотров: 2132
Последний ответ 16.01.2020, 18:40:55
от Denko
Не нажимается пункт меню на мобильной версии

Автор Sensession

Ответов: 7
Просмотров: 3080
Последний ответ 04.01.2020, 16:45:27
от xpank
Не отображаются пункты в меню

Автор physic

Ответов: 20
Просмотров: 21372
Последний ответ 20.09.2019, 16:54:01
от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"?

Автор vasmed

Ответов: 1
Просмотров: 2344
Последний ответ 01.03.2019, 11:12:18
от vasmed