Grow your CSS skills. Land your dream job.

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,
    radstar

    # 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>
    <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>
    <li> <a href="#">Eisenbahn</a></li>
    <li> <a href="#">Radsport</a></li>
    <li> <a href="#">G&auml;stebuch</a></li>

    </ul>

    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.

    Thanks.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".