help CSS!!!

They have: 17 posts

Joined: Dec 2001

Hi I have the same problem "how to have links different in different places on the page"
I had posted my css style so someone can give me a hand about it.

home
samples
HTML

my samples syle works but index and html styles don't Where am I wrong?

A:link { color: 0000cc; text-decoration: none }
A:active { color: 0000cc; text-decoration: none }
A:visited { color: 0000cc; text-decoration: none }
A:hover { text-decoration: underline; color: red; }

A.topmenu{FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.topmenu:hover{FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #ffffcc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

A.topmenu:active{FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.topmenu:visited{FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

detox's picture

They have: 571 posts

Joined: Feb 2001

Simple.

check out this thread:

thread

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

Welcome to TWF ardaee, maybe stop by this thread and introduce yourself to everyone Laughing out loud

If like me you are fairly new to CSS then you'll get lots of help by reading anyhting Suzanne posts! She's the queen of css Wink

does it not have to be class=.topmenu

As detox said read the thread I started to get more info on links & css

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

One point -- you should, in the interest of forward compatibility, enclose all your attribute values in quotation marks, and use lowercase elements.

home

However, since you are using the same class for all three links, they should look identical. If you want them to look different, use a different class, or remove the class attribute altogether.

home

For Julia (and everyone else!): in the CSS, "." means "class="; in the HTML, "class=" means ".", so when you put a class into HTML, you replace the "." with "class=".

Otherwise, if you have an url, I may be able to see where the problem is, or at least what you're trying to accomplish.

Smiling Suzanne

Busy's picture

He has: 6,151 posts

Joined: May 2001

also using the # with rgb colours, you have them on the second set but not the first.
and using px is friendlier than pt on small fonts

They have: 17 posts

Joined: Dec 2001

thanks everyone !! I sorted it out...

They have: 17 posts

Joined: Dec 2001

thanks for help everyone !! I solved that problem:Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.