css pulldown menu
Thomas
- css
HI
ich frikel gerade ein wenig an einem Menü für Joomla, wie es hier beschrieben wird http://www.htmldog.com/articles/suckerfish/dropdowns/ .
Allerdings habe ich irgendwie ein float Problem, die menüpunkte werden nicht richtig nebeneinander angezeigt sondern überlagern sich.
zu sehen hier: http://www.jfrs.de/joomla/
das ist die css datei des Menüs:
#mainlevel, #mainlevel ul {
padding: 0px;
margin: 0px;
margin-left:0px;
margin-right:9px;
list-style: none;
text-align: center;
background-image: url('./../images/button_shade.png');
background-repeat: repeat-x;
background-position: 0px 0px;
line-height: 20px;
}
#mainlevel ul {
width: 100px;
overflow: hidden;
background-color: #C7C7C7;
border: 1px solid #FFFFFF;
}
#mainlevel a {
display: block;
width: 100px;
background-image: url('./../images/button_shade.png');
background-repeat: repeat-x;
background-position: 0px 0px;
}
#mainlevel li {
float: right;
width: 100px;
line-height: 20px;
background-image: url('./../images/button_shade.png');
background-repeat: repeat-x;
background-position: 0px 0px;
}
/**
* Hide the submenus
*/
#mainlevel li ul {
position: absolute;
width: 100px;
left: -2000px;
text-align: center;
}
/**
* Show the submenus on mouse-over (.hover class)
*/
#mainlevel li:hover ul {
left: auto;
}
/**
* IE fix ... Javascript Fix
*/
#mainlevel li:hover ul, #mainlevel li.sfhover ul {
left: auto;
}