• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Menu Help


#1
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 :)

 

Alex L

Senior Member
#3
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...
 

shterev

Junior Member
#4
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
Levi said:
wouldn't you need to define a width to it rather than a padding?

Mind you I'd likely just cheat and use CSS Menu Generator - Horizontal, Vertical, Drop Down, DHTML CSS Menu lol
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

shterev said:
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>
Thanks but I have the HTML code just fine, I had a problem with the CSS