Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Menu Help

Discussion in 'Website Design Forum:' started by HippySunshine, Jan 23, 2011.

  1. HippySunshine

    HippySunshine Senior Member

    What's the CSS for making my drop down menu all one block instead of scattered lengths?

    Tired & drawn a blank.
    Bath & bed once this if answered.

    Thanks :)

    [​IMG]
     
  2. Levi

    Levi Moderator Staff Member

  3. Alex L

    Alex L Senior Member

    Would:

    Code:
      li {width:10em;}
    Do it? I have

    Code:
    li ul {    width: 10em; }
    Not sure if yours is quite the same though, if it's not right I'll dig into one of my sites, has the same style navigation.

    Edit: Obviously, the width you would change to whatever you need...
     
  4. shterev

    shterev Junior Member

    I suggest this structure.

    HTML:
    <ul id="navigation">
        <li>menu 1</li>
         <li>
             menu 2
          <ul class="dropdown">
              <li>drop 1</li>
              <li>drop 2</li>
              <li>drop 3</li>
          </ul>
        </li>
         <li>menu 3</li>
    </ul>
     
  5. HippySunshine

    HippySunshine Senior Member

    I knew it would be something simple... Ive just been at my PC too long today and drawn a complete blank.

    Thanks I'll give it a go

    Thanks but I have the HTML code just fine, I had a problem with the CSS
     
  6. shterev

    shterev Junior Member

    Give me html and css code of this menu. :) I cant tell you nothing before see the code. If you have a demo is better :)
     
  7. HippySunshine

    HippySunshine Senior Member

    It's been fixed now but thank you.

    The width thing did it... cheers guys :up:
     
  8. Harry

    Harry Senior Member

Share This Page