В правом крайнем меню "Форум" нужно убрать border правый. Пытаюсь сделать так: [css] #li_border_none a{ border:none; } [/css] Не получается. Вот код меню. HTML: <ul id=top_menu> <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">453475</a> <div id="m1"> <a href="#">11111</a> <a href="#">22222</a> <a href="#">33333</a> </div> </li> <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">453453</a> <div id="m2"> <a href="#">44444</a> <a href="#">55555</a> <a href="#">66666</a> </div> </li> <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">453453</a> <div id="m3"> <a href="#">77777</a> <a href="#">77777</a> <a href="#">77777</a> </div> </li> <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">434534</a> <div id="m4"> <a href="#">11111</a> <a href="#">22222</a> <a href="#">33333</a> </div> </li> <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">4534543</a> <div id="m5"> <a href="#">11111</a> <a href="#">22222</a> <a href="#">33333</a> </div> </li> <li id="li_border_none"><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Форум</a> <div id="m6"> <a href="#">11111</a> <a href="#">22222</a> <a href="#">33333</a> </div> </li> </ul> [css] ul { margin:0; padding:0;} #top_menu { margin: 0; padding: 0; z-index: 30 } #top_menu li{ margin:0; margin-left:-1px; /*одиночная граница между менюшками*/ background-image:url(img/bg_menu.jpg); list-style: none; float:left; width:167px; } #top_menu li a { display: block; height:33px; margin: 0 1px 0 0; color: #C30; text-align: center; border-right: 1px #fff dotted; text-decoration: none; } #li_border_none a{ border:none; } #top_menu li a:hover {color: #F60; } #top_menu div { position: absolute; visibility: hidden; width:200px; /*ширина выпадающего*/ background: #EAEBD8; border: 1px solid Black; } #top_menu div a { position: relative; display: block; margin: 0; padding: 5px 10px; text-align: left; text-decoration: none; background: #EAEBD8; color: #A52A2A; font: 11px arial; } #top_menu div a:hover { background: #3E3E3E; color: #FFF}[/css]
Хм, значит с приоритетом проблемы, видимо. HTML: <li><a href="#" style="border-right:0;" onmouseover="mopen('m6')" onmouseout="mclosetime()">Форум</a> <div id="m6"> <a href="#">11111</a> <a href="#">22222</a> <a href="#">33333</a> </div> </li> С просонья не могу выдать более удачный вариант, но этот работает.
Сейчас поглядел более внимательно на код. Идентификатор стиля, убирающего рамку, имеет меньший уровень вложенности, оттого и менее высокий приоритет. Чтобы работало правильно, в стилях нужно писать следующее: [css] #top_menu #li_border_none a{ border-right:0; }[/css] В таком случае пункт, идущий последним, приобретает максимальный приоритет и "перебивает" заданный ранее стиль.