| |
|
|
| | Делаю меню:
<style>
.gphoto-topnav-tab{float:left;}
.gphoto-notch i,.gphoto-notch b{border-width:0; border-style:solid; display:block; height:1px; font-size:1px; line-height:1px; overflow:hidden; margin:0; padding:0;}
.gphoto-topnav-tab .gphoto-notch i{margin:0 2px; background:#d8d9dd; }.gphoto-topnav-tab .gphoto-notch b{border-color:#d8d9dd; background-color:#f3f4f5; border-right-width:1px; border-left-width:1px; margin:0 1px;}
.menu_a{display:block;vertical-align:middle; border-style:solid; border-color:#d8d9dd; background-color:#f5f5f5; border-width:0px 1px 1px 1px; padding:4px 5px 5px 5px;margin:0; color:#6699CC; font-weight:bold; height:13px; }
.menu_a:hover{background:#EAF0FD;}.gphoto-topnav-tab a:hover{text-decoration:none; color:#006699; font-size:11px}
.gphoto-topnav-tab a{color:#6699CC; font-weight:bold; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0}
.gphoto-topnav-tab span{color:#6699CC; font-weight:bold;}
.gphoto-topnav-tab span:hover{background:#EAF0FD; text-decoration:none; color:#006699;}
.gphoto-topnav-tab-active a{background:#FFFFFF;border-bottom-color:#FFFFFF;}
.gphoto-topnav-tab-active a:hover{background:#FFFFFF;border-bottom-color:#FFFFFF}
.gphoto-topnav-tab-active span{background:#FFFFFF;border-bottom-color:#FFFFFF;}
.gphoto-topnav-tab-active span:hover{background:#FFFFFF;border-bottom-color:#FFFFFF;}
</style>
|
Вариант 1 - работающий:
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="gphoto-topnav-tab" nowrap>
<div class="gphoto-notch"><i> </i><b> </b></div>
<span class="menu_a"><a href="">Главная</a></span>
</td>
<td class="gphoto-topnav-tab" nowrap>
<div class="gphoto-notch"><i> </i><b> </b></div>
<span class="menu_a"><a href="">Обмен Вещами</a></span>
</td></tr>
</table>
|
Вариант 2 - пытаюсь реализовать тоже, но без таблиц - неработает а Эксплорере :
<ol style="list-style:none; margin:0; padding:0;" >
<li class="gphoto-topnav-tab">
<div class="gphoto-notch"><i> </i><b> </b></div>
<span class="menu_a">
<a href="">Главная</a></span>
</li>
<li class="gphoto-topnav-tab">
<div class="gphoto-notch"><i> </i><b> </b></div>
<span class="menu_a">
<a href="">Обмен Вещами</a></span>
</li>
</ol>
|
Вопрос: Как сделать чтоб второй вариант работал корректно? | |
| |
|
|
| |
|
|
| |
для: Yustys
(28.10.2009 в 16:29)
| | | Неужто никто ничем не поможет .. весь день жду помощи... очень надо! | |
| |
|
|
| |
|
|
| |
для: Yustys
(28.10.2009 в 22:55)
| | | Вы напишите в чем проблема.
А то ви привили несколько кусков кода: "разберитесь сами, найдите ошибку и скажите что сделать"
Тут люди помочь могут, а работу за вас делать не будут. | |
| |
|
|
| |
|
|
| |
для: jangot
(29.10.2009 в 11:09)
| | | Тут меню закладок для сайта lepsh.net - со скругленными углами - так в дивах закладки в ИЕ неправильно отображает - сверху бордер слетает и закругленные углы смещаются... непонятно почему... | |
| |
|
|
