The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

problem with dropdown menus

  • # June 22, 2008 at 7:00 am

    hey guys,
    first I have to say, that you’ve got an excellent podcast and secondly that I’m from Germany, so don’t feel annoyed by my English ;-)

    I haven’t worked with CSS before, that’s why my page Link removed is oriented by your first podcast episodes. My problem now is, that I wanted to create a drop-down menu. This works fine in Firefox 2, but in Safari 3 + 4 and Firefox 3 it just doesent want to work :-(
    If you go over the link area "test" a field a appears. This is at the right place. If you go over "Neuseeland", a field appears under "Test". But this should appear under "Neuseeland". I’ve already tried Firebug, but couldn’t find anything which made it to work.

    Maybe you can find anything? Here’s the page url again: Link removed and the link to the css:Link removed

    Thanks for your help,

    # June 22, 2008 at 9:14 am

    you’ve missed off the <li> tags from your sub menus.

    <ul id="nav">

    <li><a href="#">Test</a>
    <ul><li><a href="#">Home5</a></li></ul>
    <li> <a href="#">Blog</a></li>
    <li> <a href="#">Fotos</a></li>
    <li> <a href="#">Neuseeland</a>

    <ul><li><a href="#">Home</a></li></ul>
    <li> <a href="#">Eisenbahn</a></li>
    <li> <a href="#">Radsport</a></li>
    <li> <a href="#">G&auml;stebuch</a></li>


    Add in the bold text.

    On a side note, you also need to close you <p> tags so it would be <p>your text here</p>

    # June 23, 2008 at 1:55 am

    I got it to work now.
    I renewed the #Nav.


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed