You can style ul ul so that it doesn’t indent further, and so doesn’t look like it’s a sub-list, but this will then allow you to apply other styling just to ul ul without it messing up the rest of the navigation.
I don’t have time to look at this in depth, but your code should read ul{whatever… not #ul{whatever… - unless you have a div or something with id=“ul”, which seems unlikely. In the second example, there should be a space and no hash sign i.e. ul ul not #ulul (again, unless you used id=“ulul”). ul ul selects a ul which is the descendant of another ul, so the styles will only affect your sub-menu.
I’d have to see visually what you are trying to do – so far your code is gibberish, the ‘advice’ you got with that extra div around it for NOTHING shows you were getting advice from someone who doesn’t understand HTML… even things like the TITLE attributes which frankly, if you have to use there’s something wrong with the contents of the anchors…
… and as technobear pointed out you’re newest post is also gibberish using those # to indicate ID’s that don’t even exist… “#” == ID, “.” == class, nothing == tag. “#ulul” in CSS == id=“ulul” in your HTML… “ul ul” == all ul that are child elements of other ul.
Whatever it is you are trying to do, it looks like you are overthinking the CSS and completely missing how to even use HTML…
Here is where I’m having a problem setting the color of the navil1 text menu items.
<div id="nav">
<ul id="navli">
<li><a href="http://www.propertieswithstyle.com" title="Value Charts">Return To Value Charts</a></li>
<li><a href="http://www.propertieswithstyle.com" title="Search Homes">Return To Search Homes</a></li>
<li><a href="http://www.propertieswithstyle.com" title="Site Home Page">Return To Home Page</a></li>
</ul>
[COLOR="#0000CD"]Below is the section I would like to set a different color for the text.[/COLOR]
<ul id="navli1">
<li><i>Search Local Communities</i></li> /* I do not wish to change this line color from its current setting of white */
<li><a href="http://www." title="Breakers Drive">Breakers Drive</a></li>
<li><a href="http://www.com" title="Cameo Shore">Cameo Shores</a></li>
<li><a href="http://www." title="Cameo Highlands">Cameo Highlands</a></li>
<li><a href="http://www." title="Channel Reef Condos">Channel Reef Condos</a></li>
<li><a href="http://www." title="China Cove">China Cove</a></li>
<li><a href="http://www." title="Corona Highlands">Corona Highlands</a></li>
<li><a href="http://www." title="Harbor view Hills">Harbor View Hills</a></li>
<li><a href="http://www.propertieswithstyle.com/irvterrmapsearch.html" title="Irvine Terrace">Irvine Terrace</a></li>
<li><a href="http://www." title="Jasmine Park">Jasmine Park</a></li>
<li><a href="http://www." title="Shorecliffs">Shorecliffs</a></li>
</ul>
This is the CSS code for that portion for navil1
#navli1 { list-style: square; /* this is for the communities search menu /
font-size: 100%; margin:0 0 5px;
margin-left:8px;
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
color:#C5FFFF; [COLOR=“#0000CD”]/ only effects “Search Local Communities” */[/COLOR]
font-style: italic;
line-height: 120%;
margin-top:14px;
}
For some reason color: #C5FFFF has no effect?
I think it has something to do with inheritance.
I still find that difficult to understand, all of the intricacies of inheriting flow downward through the html document.
There’s nothing difficult to understand here. Styling the LIs has no effect, because all the text inside them is for the <a>s, so you have to target them instead, as they have their own color.
It shouldn’t really matter where it goes too much so put it underneath the other statement blocks and it will change those italicised links to your chosen colour, e.g. red or whatever.