- This topic is empty.
Viewing 1 post (of 1 total)
Viewing 1 post (of 1 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Greetings,
I can’t make my drop down menu items line up vertical? I have tried using display: block; on all elements but no joy.
So for example, under the menu heading ‘About TCA’, TCA Board should be on a new line. Also, I can’t get the 2nd level menu item text to line up to the left with the 1st level menu item text.
Any help would be much appreciated! Thanks.
Link to site – http://www.tenkile.com/new/test.html
CSS –
#nav2 li { /* all list items */
float: left;
margin: 0 0 0 20px;
}
#nav2 a { display: block; }
#nav2 li ul { /* second-level lists */ position: absolute; background: #6D0101; width: 150px; left: -999em; /* using left instead of display to hide menus because display: none isn’t read by screen readers */ top: 33px; }
#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */ left: auto; padding: 0; margin-left:-6px; }
#nav2 li:hover a { /* lists nested under hovered list items */ padding: 0 0 5px 0; }
.menuarrow{ margin: 15px 0 0 0; border:none;}