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

[Gates, Jeff]

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

Remove this style:

#primary-nav li
{
 /* background:
url("http://africanamericanart.si.edu/themes/fromscratch/images/left.gif";)
no-repeat scroll left top transparent; */
}

 and put it here

#primary-nav .tab_navigation > ul > li
{
background:  
url("http://africanamericanart.si.edu/themes/fromscratch/images/left.gif";)
no-repeat scroll left top transparent;
}

Remove this style:
#primary-nav a
{
/* background: 
url("http://africanamericanart.si.edu/themes/fromscratch/images/right.gif";)
no-repeat scroll right top transparent */
}

and put it here
#primary-nav .tab_navigation > ul > li > a
{
background: 
url("http://africanamericanart.si.edu/themes/fromscratch/images/right.gif";)
no-repeat scroll right top transparent;
}

Regards,
Chetan Crasta

========================

Okay, I did as you suggested but the dropdowns are still styled like the tabs. 
In addition, I've lost my "current" tab color (which should be white). What am 
I doing wrong? Take a look: http://africanamericanart.si.edu/intro.  Here's the 
css I used:

#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 .tab_navigation > ul > li {
background:url("http://africanamericanart.si.edu/themes/fromscratch/images/left.gif";)
 no-repeat left top;
}

#primary-nav li {
  float:left;
  margin:0;
  padding:0 10px 0 9px;
  }
#primary-nav .tab_navigation > ul > li a {
background:url("http://africanamericanart.si.edu/themes/fromscratch/images/right.gif";)
 no-repeat right top;
}

#primary-nav a {
  float:left;
  display:block;
  padding:2px 13px 4px 4px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  }
#primary-nav a:hover {
  color:#333;
  }

______________________________________________________________________
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/