CSS: Text Attributes Not Working

[justravis]

http://able2work.org/about.pwr

 

Do you know why text-align: center; and text-decoration: none; are not functioning on the menu bar items?

 

Thanks,

 

Travis

[JasonLewis]

Make this:

 

.mu
{
color: #E19341;
text-align: center;
text-decoration: none;
text-transform: lowercase;
font-weight: bold;
}

 

This:

 

a .mu
{
color: #E19341;
text-align: center;
text-decoration: none;
text-transform: lowercase;
font-weight: bold;
}

[justravis]

Thanks for your time.  Text-Decoration is still not working.

[haku]

What is it that you are trying to remove using the text-decoration declaration?

[justravis]

Links without underlines that turn white when hovered over.

 

Thanks.

[shlumph]

Hmm, try

a span.mu {
     //Stuff
}

[JasonLewis]

Spans don't stretch to the width of the parent. Make it a div instead of a span, that way it should center.

[justravis]

Good point.  I will keep that in mind in the future.

 

Now I am only concerned with the text-direction not working in FF3 and hover not working in IE.

 

Thanks.

[JasonLewis]

Just make it:

 

a {
//css
}

 

And see if works then.

[haku]

Why are you putting spans inside your anchors? That is what is causing your troubles. Get rid of the span tags, and put all the CSS declarations onto the anchor itself. That will solve your problem.

 

Or if you are really dead set on keeping the span tags for some odd reason, then apply the text-decoration to the anchor, not the span.

[justravis]

CSS is not exactly my strength.

 

If I want the menu links to be different than any other links, don't I need to use span tags?

 

 

Thanks.

[haku]

No. You give the links that you want to be different, a class name.

 

For example, if all your a links are defined like this:

 

a {color: blue;}

 

And you have menu links that you want to be a different color, you write the menu links this way:

 

<a class="menu_link">link text</a>

 

Then in your CSS, you change the link color like this:

 

a.menu_link {color: red;}

 

By attaching the class name to the a, it overrides the original CSS for those links only.

 

Basic CSS is really quite easy. Spend some time doing some tutorials (the ones on HTML dog are apparently good) and you can save yourself troubles like this.

[justravis]

o god..i was way off.

 

thx for the html dog recomendation.