Menu Help

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

28vftci.jpg
 
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...
 
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>
 
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
 
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 :)
 
shterev said:
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 :)

It's been fixed now but thank you.

The width thing did it... cheers guys :up:
 
Back
Top