Ok so I'm working on my website and I want to have a drop down menu for each album so I can have "vinyl", "casettes", "CD's" and "miscellaneous". I really have no idea how to do it at all, I've googled around a bit but they don't appear to speak English on tech forums.
So when you hover on "cheshire cat" for example, it has the menu drop down below it and then each button links to it's page. Sounds simple but I dunno how to do it... Here's the website if you need to look.
http://tyler1942gd.com/
The menu is made out of this:
- Spoiler: show
- <ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="pre1994.html">Pre-Cheshire</a></li>
<li><a href="cheshirecat.html">Cheshire Cat</a></li>
<li><a href="duderanch.html">Dude Ranch</a></li>
<li><a href="eots.html">E.O.T.S</a></li>
<li><a href="toypaj.html">T.O.Y.P.A.J.</a></li>
<li><a href="untitled.html">Untitled</a></li>
<li><a href="sideprojects.html">Side Projects</a></li>
</ul>
This is the style stuff:
- Spoiler: show
- ul#menu a {
padding-top: 7px;
display: block;
width: 106.6px;
height: 28px;
text-decoration: none;
color: white;
margin-top: -21px;
background: #6e6d6d;
background: -moz-linear-gradient(top, #6e6d6d, #101010);
font-size: 14;
}
ul#menu {
text-align: center;
list-style: none;
width: 891px;
margin: auto;
}
ul#menu li {
float: left;
}
ul#menu a:hover {
background: black;
color: white;
background: #6e6d6d;
background: -moz-linear-gradient(top, #101010, #49494a);
}
ul#menu a:active {
color: black;
background: black;
}
Sorry if I have bad coding or anything lol. Not sure how many people here are good with HTML or CSS. But even if you could point me in the right direction, not necessarily just feeding me code it would be nice. Thanks.