| |
|
|
| | Здравствуйте.
У меня следующая проблема:
есть меню такого типа
<div class="pd_menu_01 ">
<ul><li><a href="#">название1</a>
<ul>
<li><a href="page.php?id=1">1</a></li>
<li><a href="page.php?id=2">2</a></li>
</ul>
</li></ul>
<ul><li><a href="#">название2</a>
<ul>
<li><a href="page.php?id=3">3</a></li>
<li><a href="page.php?id=4">4</a></li>
</ul>
</li></ul>
</div>
|
таблица стилей:
.pd_menu_01 {
float:center;
padding:0;
margin:0;
color: #FFFFFF;
background: #097BF0;
width: 100%;
clear:both;
}
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-size:17px;
color: #FFFFFF;
background-color: #097BF0;
text-decoration: none;
}
.pd_menu_01 ul {
list-style-type:none;
padding:0;
margin:0;
}
.pd_menu_01 ul li {
float:left;
position:relative;
z-index:auto !important ;
z-index:1010 ;
}
.pd_menu_01 ul li a {
color: #FFFFFF;
background: #097BF0;
float:none !important ;
width:120px;
float:left ;
display:block;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
text-decoration:none;
}
.pd_menu_01 ul li ul {
display:none;
border:none;
color: #FFFFFF;
background: #097BF0;
width:1px
}
.pd_menu_01 ul li:hover a {
background-color:#98C7F8;
text-decoration:none;
color:#000000;
}
.pd_menu_01 ul li:hover ul {
display:block;
position:absolute;
z-index:1010;
top:29px;
margin-top:1px;
left:0;
}
.pd_menu_01 ul li:hover ul li a {
display:block;
width:120px;
height:auto;
line-height:1.3em;
padding:5px 10px 5px 10px;
background-color:#097BF0;
color:#FFFFFF;
}
.pd_menu_01 ul li:hover ul li a:hover {
background-color:#98C7F8;
text-decoration:none;
color:#000000;
}
.pd_menu_01 ul li a:hover {
background-color:#98C7F8;
text-decoration:none;
color:#000000;
}
.pd_menu_01 ul li a:hover ul {
display:block;
width:120px;
position:absolute;
z-index:1010;
top:29px;
left:0;
}
.pd_menu_01 ul li ul li a:visited {
background-color:#097BF0;
color:#FFFFFF;
}
.pd_menu_01 ul li a:hover ul li a {
display:block;
width:120px;
height:1px;
line-height:1.3em;
padding:4px 16px 4px 16px;
border-left:solid 1px #004080;
border-bottom: solid 1px #004080;
background-color:#097BF0;
color:#FFFFFF;
}
.pd_menu_01 ul li a:hover ul li a:hover {
background-color:#98C7F8;
text-decoration:none;
color:#000000;
}
|
В интернет експлорере 6-ом возникли следующие проблеммы: список меню не "выпадает". ПОд отсальными браузерами все ОК.
Как это исправить? | |
| |
|
|
| |
|
|
| |
для: Destild
(25.10.2009 в 13:19)
| | | Псевдокласс :hover (как и прочие псевдоклассы) в MSIE до 6-й версии включительно работает только для тега <A>. | |
| |
|
|
| |
|
|
| |
для: АЯ
(25.10.2009 в 14:21)
| | | Что сделать для того чтобы все работало не подскажете? | |
| |
|
|
