PDA

View Full Version : Newbie Rescue Me! Drop Down Sub-Menu Code


Need2Know
12-02-2010, 12:03 AM
Need some help with this, it should be simple but I just can't get what I need for some reason. This is on a Dreamweaver Template.

I need to add a menu list with two menu boxes to MENU2SUB4. Once I get that correct code I think I can figure out the rest of my menus. I tried looking at the code after that to see how it was done in the other menus but my tries have been unsuccessful.

Oh yes does it matter if code is indented or not?

Thanks in advance!


<li class="first-item"> <a href="../index.html" style="border-left:none;">Home</a> </li>
<li> <a href="#a">MENU2</a>
<ul>
<li> <a href="#aa">MENU2SUB1</a> </li>
<li> <a href="#">MENU2SUB2</a></li>
<li> <a href="#">MENU2SUB3</a></li>
<li> <a href="#">MENU2SUB4</a></li>
<li> <a href="#">MENU2SUB5</a></li>
</ul>
</li>
<li> <a href="#a">MENU3</a>
<ul>
<li> <a href="#aa">MENU3SUB1</a> </li>
<li class="current"> <a href="#ab">MENU3SUB2</a>
<ul>
<li class="current"><a href="#">MENU3SUB2-1</a></li>
<li><a href="#aba">MENU3SUB2-2</a></li>
<li><a href="#abb">MENU3SUB2-3</a>
<ul>
<li class="current"><a href="#">MENU3SUB2-3-1</a></li>
<li><a href="#aba">MENU3SUB2-3-2</a></li>
<li><a href="#abb">MENU3SUB2-3-3</a></li>
<li><a href="#abc">MENU3SUB2-3-4</a></li>
<li><a href="#abd">MENU3SUB2-3-5</a></li>
</ul>
</li>

Need2Know
12-04-2010, 03:35 PM
Found what I needed for Multi Level Dropdowns, thanks anyway.
http://htmldog.com/articles/suckerfish/dropdowns/

jmichae3
12-07-2010, 04:05 AM
Need some help with this, it should be simple but I just can't get what I need for some reason. This is on a Dreamweaver Template.

I need to add a menu list with two menu boxes to MENU2SUB4. Once I get that correct code I think I can figure out the rest of my menus. I tried looking at the code after that to see how it was done in the other menus but my tries have been unsuccessful.

Oh yes does it matter if code is indented or not?

Thanks in advance!


<li class="first-item"> <a href="../index.html" style="border-left:none;">Home</a> </li>
<li> <a href="#a">MENU2</a>
<ul>
<li> <a href="#aa">MENU2SUB1</a> </li>
<li> <a href="#">MENU2SUB2</a></li>
<li> <a href="#">MENU2SUB3</a></li>
<li> <a href="#">MENU2SUB4</a></li>
<li> <a href="#">MENU2SUB5</a></li>
</ul>
</li>
<li> <a href="#a">MENU3</a>
<ul>
<li> <a href="#aa">MENU3SUB1</a> </li>
<li class="current"> <a href="#ab">MENU3SUB2</a>
<ul>
<li class="current"><a href="#">MENU3SUB2-1</a></li>
<li><a href="#aba">MENU3SUB2-2</a></li>
<li><a href="#abb">MENU3SUB2-3</a>
<ul>
<li class="current"><a href="#">MENU3SUB2-3-1</a></li>
<li><a href="#aba">MENU3SUB2-3-2</a></li>
<li><a href="#abb">MENU3SUB2-3-3</a></li>
<li><a href="#abc">MENU3SUB2-3-4</a></li>
<li><a href="#abd">MENU3SUB2-3-5</a></li>
</ul>
</li>



your code is missing surrounding ul tags. also, one of the things that can cause problems is if you don't do white-space:nowrap; in your li class, but that's up to you.

whitespace does not matter to html. multiple spaces become one space and no space is none of course. whitespace is required to separate attributes.