Новости Joomla

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

Сделал горизонтальную менюшку, которая состоит из разделов разной длины, расположеных на различном расстоянии друг от друга. В Firefox все отображается корректно, в IE6 появляются непонятные отступы, при выборе раздела меню расположение всех остальных разделов плывет...
Ниже кусок CSS... Помогите, плиз...

Код
/* menu */
div#menu ul {
padding: 0px;
margin: 0px;
list-style: none;
float: left;
}
 
div#menu ul.mainmenu {
padding: 0px;
margin: 0px;
left: 0px;
    width: 800px;
    list-style: none;
float: left;
}

div#menu li.item1 {
float: left;
    padding: 0px;
margin: 0px;
    height: 20px;
    background: none;
}

div#menu li.item2 {
    float: left;
    margin: 2px 0px 0px 35px;
height: 20px;
    background: none;
}

div#menu li.item4 {
float: left;
    margin: 2px 0px 0px 40px;
height: 20px;
    background: none;
}

div#menu li.item6 {
margin: 2px 0px 0px 52px;
height: 20px;
    background: none;
}


div#menu li a {
display: block;
  padding: 0px 15px 0px 15px;
background: none;
overflow: hidden;
font-size: 105%;
font-weight: bold;
color: #3A1751;
text-decoration: none;
}


div#menu a:link, div#menu a:visited {
color: #3A1751;
}

div#menu li a:hover {
color: #3A1751;
}

div#menu li.item1.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 0px;

}

div#menu li.item2.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 35px;

}

div#menu li.item4.active {
   float: left;
   height: 20px;
   margin: 0px 0px 0px 40px;

}

div#menu li.item6.active {
   
   height: 20px;
   margin: 0px 0px 0px 52px;

}

div#menu li.active a {
  background: none;
color: #3A1751;
}
*

MrBin

  • Осваиваюсь на форуме
  • 22
  • 3 / 0
Код
 
<!--[if IE]><style type=\"text/css\"> div#menu ul li { float: left }</style><![endif]-->

Попробуйте этот код прямо в генерируемый HTML  (для подавления разрывов между пунктами в меню для ИЕ),
если я, конечно, правильно понял тему.
У меня была похожая проблемка с динамическим меню.

З.Ы. не знаю как реализовать стиль для определённого браузера в файле CSS.

 ^-^ Спасибо, но не помогло...

Трабл в том, что в IE все li ведут себя так, как им вздумается:
активными они располагаются в одном месте, в неактивном - смещаются, кроме того, в зависимости от выбранного li общее расположение тоже меняется...
 :'(
*

MrBin

  • Осваиваюсь на форуме
  • 22
  • 3 / 0
хмм .. странно .. у меня такая же проблемма была в ИЕ, всё заработало после добавления данного кода ...
хотя может нада поэксперементировать с div#menu ul без li  ...
больше мыслей нет :(
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 1549
Последний ответ 29.12.2021, 23:15:38
от v42bis
Проблема с таблицей при просмотре с мобильника

Автор annetkas

Ответов: 5
Просмотров: 1443
Последний ответ 19.11.2021, 14:06:15
от effrit
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2122
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 814
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 794
Последний ответ 27.11.2020, 11:33:58
от coliandra