Safari Browser and CSS

[SN3]

Does safari accept CSS? My cousin sent me a screenshot of my site, and all of the css was disregared.

[Jazzee]

Your css is all screwed up.

For one, you can't put your link stuff inside of other brackets.

Brackets inside of brackets doesn't work in CSS.

CSS Validator: http://jigsaw.w3.org/css-validator/

[SN3]

But it won't fix the CSS? Do you mean I can't have somehting like this:

A:hover { text-decoration:underline; }

because its in

{
other text stuff
A:hover { text-decoration:underline; }
}

?

[Jazzee]

The link tags cannot be inside the other brackets.

But you can assign classes to your links like this:

[code:1:49f2776c06]
.something {stuff here: blah;}
a.something {color: blah;}
a:hover.something {text-decoration: underline;}

.somethingelse {stuff here: blah;}
a.something else {color: blah;}
a:hover.somethingelse {text-decoration: underline;}[/code:1:49f2776c06]

[SN3]

Ok, so now I have to re-make all of my CSS. I will finally learn I need to use a stylesheet. :bah:

[SN3]

So it would be this:

[code:1:e9f9922df6]
.tpnav {font-family: Tahoma; font-size: 11px; text-decoration: none; color: #A2A2A2;}
a.tpnav { text-decoration:none; }
a.hover.tpnav { text-decoration:underline; }[/code:1:e9f9922df6]

[Jazzee]

I would like to point out that you don't need to make link classes for every regular class you are using.

If you add your link styles one time in the stylesheet, they will be applied to all links.

Then if you have links that you want to do special stuff to, give those a class. But don't give all links a class.

Just put this once in your stylesheet:

[code:1:9a44e260ec]a {text-decoration: none; color: #color;}
a:hover {text-decoration: underline;} [/code:1:9a44e260ec]

[SN3]

Ok, thanks.

[SN3]

Thanks soooo much Jazzee, it's now working in Safari.

[Fusion]

lol