OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Unordered List (UL) Question

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Unordered List (UL) Question
Page: [1]
 
pcguy

 

Posts: 137
From: None
Status: offline

 
Unordered List (UL) Question - 5/14/2009 12:18:22   
I have an UL within a UL...which should show the nested UL with indenting....my problem is, it does not indent the nested UL, nor can I get it to show a different image... here is my Code, and CSS for the DIV in which both UL's are in:

<div id="SubNavBar">
<ul>
<li><a href="http://webdev/">HOME</a><br>
<br>
</li>
<li><a href="about.asp">About Us</a></li>
<li><a href="accreditation.asp">Accreditation</a></li>
<li><a href="history.asp">History</a></li>
<li><span style="background-color:#FF0"><a href="iron.asp">Iron Sponsor</a></span><ul id="SubNavBarDROP"><li>KidsZone</li><li>Senior Nights</li></ul></li>
<li><a href="mission-statement.asp">Mission Statement</a></li>
<li><a href="links-of-interest.asp">Links of Interest</a></li>
<li><a href="network.asp">Network</a></li>
<li><a href="pharmacy.asp">Pharmacy</a><br /><br /></li>
<li><a href="javascript:history.go(-1);">PREVIOUS PAGE</a></li>
</ul>
</div>


-------------------------------------
#SubNavBar {
background-color:#FFF;
color:#000;
width:100%;
font-size:12px;
padding:5px 0px;
text-align:left;
}

#SubNavBar ul {
list-style:none inside url(http://webdev/images/submenu_bullet.gif);
}

#SubNavBarDROP {
list-style-image:url(http://webdev/images/submenuDROP_bullet.gif);
}

#SubNavBar li {
padding:0px 0px;
}

#SubNavBar a:link {
color:#00F;
}

#SubNavBar a:visited {
color:#00F;
}

#SubNavBar a:hover {
color:#A50031;
text-decoration:none;
}

#SubNavBar a:active {
color:#000;
}
-----------------------------------------

Any ideas? I need the nested UL to show the different image. Currently, it shows the submenu_bullet.gif image for both UL's.

Thanks for any help.
pcguy

 

Posts: 137
From: None
Status: offline

 
RE: Unordered List (UL) Question - 5/14/2009 12:42:16   
I fixed it.....thanks anyway....

I changed:

#SubNavBarDROP {

to:

#SubNavBar ul ul {

It fixed it...

(in reply to pcguy)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Unordered List (UL) Question
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts