Re: [css-d] Styling Submenus on a Dropdown Menu

[Gates, Jeff]

On 4/28/11 11:02 AM, "Chetan Crasta" <chetancra...@gmail.com> wrote:

To apply styles only to the first level <li>s, use this selector:

#primary-nav .tab_navigation > ul > li


I'm sorry, Chetan, but I'm not getting it. Is "#primary-nav .tab_navigation > 
ul > li" the actual way you are suggesting writing the id? And, if so, which of 
the styles are you suggesting I apply it to?

I tried substituting that selector verbatum for all styles of the id 
#primary-nav. That didn't work. Then I tried it with just the li and with just 
the li and ul styles. That didn't work. Then I got rid of the ">" (thinking you 
meant apply "#primary-nav .tab_navigation" to just the styles for the ul and 
the li. That didn't work. So I'm stymied. Could you explain what you mean in a 
bit more detail. Thanks.

Here's the css for that id again:

#primary-nav {
  float:left;
  width:750px;
  padding-left: 170px;
  margin-top: 10px;
  background:  
url("http://africanamericanart.si.edu/themes/fromscratch/images/bg.gif";) 
repeat-x bottom;
  font-family:calibri, helvetica, verdana, san-serif;
  font-size:20px;
  line-height:normal;
  }
#primary-nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#primary-nav li {
  float:left;  
background:url("http://africanamericanart.si.edu/themes/fromscratch/images/left.gif";)
 no-repeat left top;
  margin:0;
  padding:0 10px 0 9px;
  }
#primary-nav a {
  float:left;
  display:block;  
background:url("http://africanamericanart.si.edu/themes/fromscratch/images/right.gif";)
 no-repeat right top;
  padding:2px 13px 4px 4px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  }
#primary-nav a:hover {
  color:#333;
  }

Jeff
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/