Tomasz Gregorczyk Product Manager
Temat: Menu rozwijalne w CSS
Witam,menu rozwijalne Suckerfish za pomoca CSS
Niestety moge pokazac tylko na zrzutach.
Po lewej FF po prawej IE:
Poniżej kod calego menu:
.mod_navigation
{
position:absolute;
overflow:visible;
margin-left:auto;
z-index:999;
}
.mod_navigation p
{
margin:0px;
padding-left:5px;
background-color:#006699;
color:#ffffff;
}
.mod_navigation ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.mod_navigation li
{
width:146px;
position:relative;
float:left;
background-color:#007cc2;
border-top:1px solid #006699;
border-left:1px solid #006699;
line-height:25px;
}
.mod_navigation li ul ul
{
left:147px;
top:0px;
position:absolute;
}
.mod_navigation li ul
{
bottom:0px;
left:-1px;
right:0px;
top:26px;
position:absolute;
display:none;
}
.mod_navigation ul li:hover ul ul
{
display:none;
}
.mod_navigation ul ul li:hover ul
{
display:block;
}
.mod_navigation ul li:hover ul,
.mod_navigation ul li.sfhover ul
{
display:block;
}
.mod_navigation ul li:hover ul ul,
.mod_navigation ul li.sfhover ul ul
{
display:none;
}
.mod_navigation ul ul li:hover ul,
.mod_navigation ul ul li.sfhover ul
{
display:block;
}
.mod_navigation a
{
padding-left:5px;
text-decoration:none;
color:#ffffff;
}
.mod_navigation li:hover,
.mod_navigation li.sfhover
{
background-color:#006699;
}
Zrobione wg przepisu stad: http://www.typolight.org/wiki/tutorials:suckerfish_eng...