View Full Version : CSS menu help
heeheehee
09-10-2006, 03:43 PM
Hi,
I have created a css menu, but when the mouse goes over the links, I want a few more links which relate to that category to display underneath the menu, a bit like this:
+---------------------------------------------------------+
Menu
+---------------------------------------------------------+
Extra links (blank at beginning)
+---------------------------------------------------------+
and after the mouse moves out, I want the last of the extra links to stay where they are, instead of going back to blank.
Thanks,
heeheehee.
googleit
09-10-2006, 03:49 PM
could we see your code?
heeheehee
09-10-2006, 03:55 PM
CSS:
#navlist {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
#navlist a, #navlist a:visited {
display: inline;
}
ul, li
{
display: inline;
}
HTML:
<ul id="navlist">
<li><a href="link">home</a></li>
<li><a href="link">articles</a></li>
<li><a href="link">downloads</a> </li>
<li><a href="link">forum</a> </li>
<li><a href="link">info</a> </li>
<li><a href="link">rss</a> </li>
<li><a href="link">links</a></li>
<li><a href="link">help</a></li>
<li><a href="link">contact us</a></li>
<li><a href="link">about</a></li>
</ul>
Thanks,
croatiankid
09-10-2006, 06:26 PM
try "nesting" another list, like this (example from www.w3schools.com)
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
in other words put another <ul> where you want it to be indented, and </ul> when you want to end the indents. however i'm not sure if it'll work for your menu, but try it and say if it works or not
heeheehee
09-10-2006, 07:59 PM
try "nesting" another list, like this (example from www.w3schools.com)
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
in other words put another <ul> where you want it to be indented, and </ul> when you want to end the indents. however i'm not sure if it'll work for your menu, but try it and say if it works or not
errr...I don't have a problem with my code, I'm asking if anyone can help me create the onmouseover bit of my menu, so that, when the mouse goes over one of the links, some other links are displayed underneath. My current menu works fine, I want to add extra functionality.
heeheehee
09-20-2006, 08:38 PM
It's a bit like the menu on this page:
http://www.projectseven.com/extensions/listing.htm
but instead of images, text links
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.