Adding a link to a CSS Dropdown Menu

Question

Hello all:
I am fairly new to the world of CSS and am having some
trouble. I found a CSS menu online and styled it to look correctly.
But now I need to add some functionality to it and can't quite get
my head around how to do this (trial and error has not been working
=)
If you take a look at the following link, I would like to
creat a link out of each of the big square buttons. "Specials",
"Chicago Souveniers", etc.
http://gdsquared.com/clients/souvenir/mm5/home.htm
The corresonding CSS file can be viewed at this link. The
beginning of the navigation bar is commented out as, ----- NAV:
START------
http://gdsquared.com/clients/souvenir/css/style.css
Currently when I add a href into the <li> it starts to
take on the properties of the submenus.
If someone could offer any help, it would be greatly
appreciated.
Thank you
- Garrett

Answer 1

"gbowhall" <[email protected]> wrote in
message
news:ff3uvd$1ko$[email protected]..
>I believe I followed the logistics of what you were
saying, but I didn't
>quite
> figure out how to apply that to splitting them up. How
do I pull them
> apart
> from each other (if that's what you were implying) so I
can make each its
> own
> separately styled link? I apologize for my newbie-ness
here.
You don't pull them apart, it's the opposite, you need to
*nest* them
properly
<ul>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ul>
As you can see, the sub-menus need to be within LIs. ULs do
not "sit" next
to each other inside the main UL
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.