I have an unordered list for my navigation, and it works fine. I'm trying to style another unordered list that will be used for lists in the content. Every time I give properties to the list item it affects my nav list item. I can fix this by going class happy, but I'm trying to avoid it.
I have my nav styled like this, the list is in a div called navigation...
#navigation { width: 980px; height: 60px; position: relative; margin: 0 auto;}
#navigation ul { width: 800px; height: 60px; }
#navigation ul li { float: left; display: inline; list-style-type: none; text-indent: -9999px}
#navigation ul li a { display: block; height: 60px;}
And I'm simply trying to style all my other lists like this...
ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-position: inside; list-style-type: none;}
ul li { margin-bottom: 22px; padding-left: 36px;}
if I add a class to the navigation ul that will probaby work, but I'm tryign to avoid it. Thanks!
I have my nav styled like this, the list is in a div called navigation...
#navigation { width: 980px; height: 60px; position: relative; margin: 0 auto;}
#navigation ul { width: 800px; height: 60px; }
#navigation ul li { float: left; display: inline; list-style-type: none; text-indent: -9999px}
#navigation ul li a { display: block; height: 60px;}
And I'm simply trying to style all my other lists like this...
ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-position: inside; list-style-type: none;}
ul li { margin-bottom: 22px; padding-left: 36px;}
if I add a class to the navigation ul that will probaby work, but I'm tryign to avoid it. Thanks!
Happens to me all the time.
Comment