Trying to Make My Second Menu Appear in Navigation Menu.

4 replies [Last post]

Fri, 2011-05-06 03:17

etidd

Offline

newbie

Atlanta, GA

Last seen: 11 years 21 weeks ago

Atlanta, GA

Timezone: GMT-4

Joined: 2011-03-24

Posts: 6

Points: 11

Hello all,

I have a problem that my 2nd submenu in this menu is not showing up. Here is my Html and CSS, please let me know what you see. (i am designing each menu/submenu separately because it can look how I want it to)

lists and list items:

<div id="personalMenuWrapper">
<div id="navMenu">
<ul>
	<li><div id="textalign">health</div>
    	<ul>
          <li><div id="subMenu1">skin care</div>
          	<ul>
            	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
              	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
            </ul>
          </li>
          <li><div id="subMenu1">weight loss</div>
          	<ul>
            	<li><div id="subMenu2">fitness</div>
                	<ul>
                    	<li><a href="#">under construction</a></li>
                        <li><a href="#">under construction</a></li>
                    </ul>
                </li>
            	<li><div id="subMenu2">dieting</div>
                	<ul>
                    	<li>under construction</li>
                        <li>under construction</li>
                    </ul>
                </li>
           </ul>
      </ul>
      </li>
</ul>
<ul>
	<li><div id="textalign">insurance</div>
		<ul>
  			<li><div id="subMenu1">health insurance</div>
            	<ul>
                	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                    <li><div id="subMenu2"><a href="#">under construction</a></div></li>
                </ul>
            </li>
  			<li><div id="subMenu1">auto insurance</div>
            	<ul>
                	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                    <li><div id="subMenu2"><a href="#">under construction</a></div></li>
                </ul>
            </li>
  			<li><div id="subMenu1">home insurance</div>
            	<ul>
                	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                    <li><div id="subMenu2"><a href="#">under construction</a></div></li>
                </ul>
            </li>
  			<li><div id="subMenu1">annuities</div>
            	<ul>
                	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                    <li><div id="subMenu2"><a href="#">under construction</a></div></li>
                </ul>
            </li>
		</ul>
    </li>
</ul>
<ul>
      <li><div id="textalign">shopping</div>
        <ul>
          <li><div id="subMenu1">electronics</div>
            <ul>
              <li><div id="subMenu2"><a href="#">under construction</a></div></li>
              <li><div id="subMenu2"><a href="#">under construction</a></div></li>
            </ul>
          </li>
          <li><div id="subMenu1">fashion</div>
          	<ul>
          	  <li><div id="subMenu2"><a href="#">under construction</a></div></li>
              <li><div id="subMenu2"><a href="#">under construction</a></div></li>
            </ul>
          </li>
          <li><div id="subMenu1">food & dining</div>
          	<ul>
            	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                <li><div id="subMenu2"><a href="#">under construction</a></div></li>
            </ul>
          </li>
          <li><div id="subMenu1">cars/auto</div>
          	<ul>
            	<li><div id="subMenu2"><a href="#">under construction</a></div></li>
                <li><div id="subMenu2"><a href="#">under construction</a></div></li>
            </ul>
          </li>
        </ul>
      </li>
</ul>
<ul>
      <li><div id="textalign">dating</div>
      	<ul>
      		<li style="width:160px;"><div id="subMenu1" style="padding-left:2px; padding-top:0px;"><a style="width:140px; text-align:left; color:#903; height:20px; width:115px; font-family:'Script MT Bold'; font-size:20px;" href="#"><b>RealMatureSingles</b></a></div></li>
            <li style="width:160px;"><div id="subMenu1" style="width:160px; padding-left:0px;"><a href="#" style="font-family:'Courier New', Courier, monospace; font-size:16px;">SeniorPeopleMeet</a></div></li>
    	</ul>
      </li>
</ul>
<ul>
   	  <li><div id="textalign">education</div>
      	<ul>
        	<li><div id="subMenu1"><a href="#">under construction</a></div></li>
            <li><div id="subMenu1"><a href="#">under construction</a></div></li>
       </ul>
       </li>
</ul>
</ul>
</div>
</div>

now css styling:

/********************/
/*PERSONAL NAVIGATION MENU*/
/********************/
 
/*begin wrapper and align divs for menu*/
#textalign{
	vertical-align:middle;
	text-align:center;
	width:100px;
	height:20px;
	text-shadow:1px 1px 1px #000;
	padding-top:10px;
}
#personalMenuWrapper{
	vertical-align:top;
	padding-bottom:450px;
}
/*end wrapper and align divs*/
 
/*begin main list*/
#navMenu{
	padding:0px;
	margin:0px;
}
#navMenu ul{
	list-style:none;
}
#navMenu ul li{
	position:relative;
	float:left;
	padding-right:1px;
	background:#900;
	margin-left:10px;
	text-align:center;
	list-style:none;
	border:3px solid #4F0E02;
	color:#FFF;
	width:100px;
	height:40px;
	display:table-cell;
	padding-bottom:1px;
}
#navMenu ul li:hover{
	background:#C00;
	border:3px solid #900;
	color:#F93;
	text-shadow:1px 1px 1px #000;
	list-style:none;
}
#navMenu ul:hover ul{
	display:inline-table;
	float:none;
	visibility:visible;
}
/*end main list*/
 
/*begin first sublist*/
#subMenu1{
	text-align:left;
	padding-left:3px;
	padding-top:3px;
	vertical-align:middle;
	height:15px;
	width:115px;
}
#navMenu ul ul{
	display:none;
}
#navMenu ul ul li{
	width:125px;
	height:25px;
	list-style:none;
	background:#CCC;
	text-shadow:1px 1px 1px #000;
	font-size:14px;
	border:2px ridge #333;
	color:#000;
	text-align:left;
	padding-left:3px;
	position:relative;
	top:14px;
	left:-53px;
}
#navMenu ul ul a{
	text-decoration:none;
	font-size:9px;
	color:#000;
	text-shadow:1px 1px 1px #000;
	font-family:Verdana, Geneva, sans-serif;
}
#navMenu ul ul li:hover{
	background:#999;
	color:#000;
	text-decoration:blink;
	border:2px inset #1B1B1B;
}
#navMenu ul ul:hover ul{
	display:table-cell;
	float:right;
	visibility:visible;
}
/*end first sublist*/
 
/*begin second sublist*/
#subMenu2{
	width:145px;
	height:12px;
	vertical-align:center;
	text-align:left;
	padding-left:1px;
	font-size:10px;
}
#navMenu ul ul ul li{
	width:145px;
	height:20px;
	list-style:none;
	background:#999;
	color:#000;
	text-shadow:1px 1px 1px #000;
	text-align:left;
	padding-left:1px;
	border:2px ridge #333;
	position:relative;
}
#navMenu ul ul ul li:hover{
	background:#666;
	color:#000;
	text-decoration:blink;
	border:2px inset #1A1A1A;
}
#navMenu ul ul ul a{
	text-decoration:none;
	font-size:9px;
	color:#000217;
	text-shadow:1px 2px 1px #000;
	font-family:Verdana, Geneva, sans-serif;
}
#navMenu ul ul ul:hover ul{
	display:inline-table;
	float:right;
	visibility:visible;
}
/*end second sublist*/
 
/*begin third sublist*/
#navMenu ul ul ul ul{
	visibility:hidden;
	display:none;
}
/*end third sublist*/
 
/* Contains the Float */
 
.clearFloat{
    clear:both; 
    margin:0;
    padding:0;
}
 
/* IE7 Display Fix */
 
#navMenu #holder ul li { 
  display: inline; 
}

Tags:

Fri, 2011-05-06 21:56

etidd

Offline

newbie

Atlanta, GA

Last seen: 11 years 21 weeks ago

Atlanta, GA

Timezone: GMT-4

Joined: 2011-03-24

Posts: 6

Points: 11

Another Worthless Forum

Another Worthless Forum Community??! You all are worthless!

Fri, 2011-05-06 22:49

Deuce

Offline

Guru

Somewhere, USA

Last seen: 5 years 36 weeks ago

Somewhere, USA

Timezone: GMT-5

Joined: 2005-11-20

Posts: 4424

Points: 1843

You're welcome to receive

You're welcome to receive your refund as you leave. Glad we could be of service.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Thu, 2011-05-12 10:34

thepineapplehead

Offline

Moderator

Last seen: 48 weeks 2 days ago

Timezone: GMT+1

Joined: 2004-06-30

Posts: 9683

Points: 819

You didn't even wait 24 hours

You didn't even wait 24 hours before expecting a reply?

I was going to help you but until you apologise for the remarks made, you'll continue receiving zero help.

Verschwindende wrote:

CSS doesn't make pies

Thu, 2011-05-12 10:37

thepineapplehead

Offline

Moderator

Last seen: 48 weeks 2 days ago

Timezone: GMT+1

Joined: 2004-06-30

Posts: 9683

Points: 819

You didn't even wait 24 hours

You didn't even wait 24 hours before expecting a reply?

I was going to help you but until you apologise for the remarks made, you'll continue receiving zero help.

Verschwindende wrote:

CSS doesn't make pies

Trying to Make My Second Menu Appear in Navigation Menu.

Another Worthless Forum

You're welcome to receive

You didn't even wait 24 hours

You didn't even wait 24 hours

User login

Navigation