Hi Drupal Commiunity,
I'm not quiet a friend of Javascript and wanted to make a dropdown without it. On my seek after a solution i stumbled upon "Son of Suckerfish". It's a kind of good solution, but it uses javascript to change the position of the list in ie. So i replaced it with display.
Problem:
The Dropdown beginns just right after the text!
( See The Testsite )
Information:
Drupal Version 5.3
The Theme is build upon bluemarine ( thanks for that )
This are going to be single level dropdowns.
List generated by
print theme('menu_tree', $secondary_links, array('class' =>'links', 'id' => 'subnavlist'))
Pre-Css-Soultion:
/* SuckerFish */
#menu ul {
padding: 0;
margin: 0;
list-style: none;
}
/* Override li.expanded, li.collapsed, li.leaf */
#menu li.expanded, #menu li.collapsed {
list-style: none;
padding:0;
background-color:#999999;
margin:0 auto;
}
#menu li.leaf {
background-color:#666666;
margin:0 auto;
}
#menu a {
display: block;
width: 10em;
}
#menu li {
float: left;
width: 7em;
color:#000000;
list-style: none;
padding:0;
margin:0 auto;
height:25px;
}
#menu li ul {
position: absolute;
width: 10%;
display: none;
padding:0;
}