Grow your CSS skills. Land your dream job.

Drop Down Menu

  • # December 4, 2008 at 2:31 pm

    I am very new to CSS and have a very limited knowledge base.

    I have been using videos and tutorials on this site as well as others to try and self teach myself some CSS.

    I am currently trying to design a site in which all the users of the site, other than me, use Internet Explorer.

    I have a set of links that I would like to place on the homepage, however I don’t want it to be too crowded. My first thought was a drop down menu to take away the clutter. I set it up and it works perfectly in Firefox. However I was informed that IE doesn’t recognize the css code for it.

    I have looked around for info on this and how to get around this so it does work with IE. The main thing I keep coming across is the Suckerfish website. I looked at it and read it a bit however I really don’t understand where the code goes and what to do with it. Like I said I am very new to this. Essentially about three days of working with CSS is all I have under my belt.

    Is anybody willing to explain to me what code I should use and where it goes? What code I put in the index.html file and what code I put in the style.css file?

    I appreciate any and all of the help. I will figure out how to design and position it myself. I just want it to work. Sorry if this is a very "noobish" question. Thanks for your time.

    -Justin

    # December 4, 2008 at 6:30 pm

    how does you menu code looks like now? The one that works in firefox?

    Rob
    # December 4, 2008 at 7:01 pm

    We all have to start somewhere!

    Although I dont really understand your question fully… You put all your styling info in your Style.css and all your HTML in your index.html…

    Style code looks like this…

    Code:
    html, body { padding:0; }

    ul#menu { width:400px; height:40px; }

    p.main { color:#000000 }

    HTML looks like…

    Code:



    and so on and so on…

    Is this what you mean?

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".