[css-d] Font Color Problem

2009-11-13 Thread Victor Subervi 
Hi;
I have the following code:

#menu {
width: 12em;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 16px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
text-decoration: none;
}

#menu a:hover {
color: #ff0;
background: #000;
}

#menu li {
position: relative;
}

#menu ul ul ul {
background: #000;
color: #fff;
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

I want to change the font color of the fly-out menu. You can see it here:
http://angrynates.com/nrelectric.com/index.py
How do?
TIA,
Victor
__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Jack Timmons 
On Fri, Nov 13, 2009 at 9:40 AM, Victor Subervi victorsube...@gmail.com wrote:
 Hi;
 I have the following code:

 #menu {
 width: 12em;
 }

 #menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }

 #menu a, #menu h2 {
 font: bold 16px/16px arial, helvetica, sans-serif;
 display: block;
 border-width: 0px;
 border-style: solid;
 border-color: #ccc #888 #555 #bbb;
 margin: 0;
 padding: 2px 3px;
 }

 #menu h2 {
 color: #fff;
 background: #000;
 text-transform: uppercase;
 }

 #menu a {
 color: #000;
 text-decoration: none;
 }

 #menu a:hover {
 color: #ff0;
 background: #000;
 }

 #menu li {
 position: relative;
 }

 #menu ul ul ul {
 background: #000;
 color: #fff;
 position: absolute;
 top: 0;
 left: 100%;
 width: 100%;
 }

 I want to change the font color of the fly-out menu. You can see it here:
 http://angrynates.com/nrelectric.com/index.py
 How do?
 TIA,
 Victor

Change:
#menu a {
color: #000;
text-decoration: none;
}

The color should be whatever you're looking for.

To change the color it is when you scroll over, change:

#menu a:hover {
color: #ff0;
background: #000;
}

I believe that's what you are looking for.
-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Victor Subervi 
But if I do that, I'll change more than just the fly-out menus! I don't want
to change the regular menu. Please advise.
V

On Fri, Nov 13, 2009 at 10:48 AM, Jack Timmons jorac...@gmail.com wrote:

 On Fri, Nov 13, 2009 at 9:40 AM, Victor Subervi victorsube...@gmail.com
 wrote:
  Hi;
  I have the following code:
 
  #menu {
  width: 12em;
  }
 
  #menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
 
  #menu a, #menu h2 {
  font: bold 16px/16px arial, helvetica, sans-serif;
  display: block;
  border-width: 0px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
  }
 
  #menu h2 {
  color: #fff;
  background: #000;
  text-transform: uppercase;
  }
 
  #menu a {
  color: #000;
  text-decoration: none;
  }
 
  #menu a:hover {
  color: #ff0;
  background: #000;
  }
 
  #menu li {
  position: relative;
  }
 
  #menu ul ul ul {
  background: #000;
  color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  }
 
  I want to change the font color of the fly-out menu. You can see it here:
  http://angrynates.com/nrelectric.com/index.py
  How do?
  TIA,
  Victor

 Change:
 #menu a {
 color: #000;
 text-decoration: none;
 }

 The color should be whatever you're looking for.

 To change the color it is when you scroll over, change:

 #menu a:hover {
 color: #ff0;
 background: #000;
 }

 I believe that's what you are looking for.
 --
 -Jack Timmons
 http://www.trotlc.com
 Twitter: @codeacula

__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Jack Timmons 
On Fri, Nov 13, 2009 at 9:52 AM, Victor Subervi victorsube...@gmail.com wrote:
 But if I do that, I'll change more than just the fly-out menus! I don't want
 to change the regular menu. Please advise.
 V

Being more specific with the CSS selector will allow you to do so:

#menu ul ul li ul li a{color: red}

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Victor Subervi 
On Fri, Nov 13, 2009 at 10:55 AM, Jack Timmons jorac...@gmail.com wrote:

 On Fri, Nov 13, 2009 at 9:52 AM, Victor Subervi victorsube...@gmail.com
 wrote:
  But if I do that, I'll change more than just the fly-out menus! I don't
 want
  to change the regular menu. Please advise.
  V

 Being more specific with the CSS selector will allow you to do so:

 #menu ul ul li ul li a{color: red}


Hmm. I added this and it didn't work:

#menu ul ul li ul li
{
color: #fff;
}

Please take a look:
http://angrynates.com/nrelectric.com/Events.py?browser=all
Mouse over Services in the nav.
TIA,
V


 --
 -Jack Timmons
 http://www.trotlc.com
 Twitter: @codeacula

__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Jack Timmons 
On Fri, Nov 13, 2009 at 9:59 AM, Victor Subervi victorsube...@gmail.com wrote:

 Hmm. I added this and it didn't work:

 #menu ul ul li ul li
 {
 color: #fff;
 }

 Please take a look:
 http://angrynates.com/nrelectric.com/Events.py?browser=all
 Mouse over Services in the nav.
 TIA,
 V

 --
 -Jack Timmons
 http://www.trotlc.com
 Twitter: @codeacula

That is because you're missing the a to specify for the anchor tag.
Otherwise, the #menu a declaration overrides any color set in the li
element.

 #menu ul ul li ul li a
{
color: #fff;
}

-- 
-Jack Timmons
http://www.trotlc.com
Twitter: @codeacula
__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread Victor Subervi 
On Fri, Nov 13, 2009 at 11:01 AM, Jack Timmons jorac...@gmail.com wrote:

 On Fri, Nov 13, 2009 at 9:59 AM, Victor Subervi victorsube...@gmail.com
 wrote:
 
  Hmm. I added this and it didn't work:
 
  #menu ul ul li ul li
  {
  color: #fff;
  }
 
  Please take a look:
  http://angrynates.com/nrelectric.com/Events.py?browser=all
  Mouse over Services in the nav.
  TIA,
  V
 
  --
  -Jack Timmons
  http://www.trotlc.com
  Twitter: @codeacula

 That is because you're missing the a to specify for the anchor tag.
 Otherwise, the #menu a declaration overrides any color set in the li
 element.

  #menu ul ul li ul li a
 {
 color: #fff;
 }


Thanks! But I thought a was for anchor. Please explain.
V
__
css-discuss [cs...@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/

Re: [css-d] Font Color Problem

2009-11-13 Thread David Laakso 
Victor Subervi wrote:
 On Fri, Nov 13, 2009 at 11:01 AM, Jack Timmons jorac...@gmail.com wrote:

   
 On Fri, Nov 13, 2009 at 9:59 AM, Victor Subervi victorsube...@gmail.com
 wrote:
 
 Hmm. I added this and it didn't work:

 #menu ul ul li ul li
 {
 color: #fff;
 }

 Please take a look:
 http://angrynates.com/nrelectric.com/Events.py?browser=all
 Mouse over Services in the nav.
 TIA,
 V
   
 --
 -Jack Timmons
 http://www.trotlc.com
 Twitter: @codeacula
 
 That is because you're missing the a to specify for the anchor tag.
 Otherwise, the #menu a declaration overrides any color set in the li
 element.

  #menu ul ul li ul li a
 {
 color: #fff;
 }

 

 Thanks! But I thought a was for anchor. Please explain.
 V
   




#menu ul ul li ul li a {color: #fff; }

Selects any a element that is a descendant of a li element that is a 
descendant of an ul element that is a descendant of a li element that is 
a descendant of an ul element that is a descendant of an ul element that 
is a descendant of any element with an id attribute that equals menu.

Selectoracle comes in handy now and then for explanation of complex 
CSS selectors http://gallery.theopalgroup.com/selectoracle/

Best,

~d


__
css-discuss [cs...@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/