3 replies [Last post]
JessicaM
Offline
Regular
Last seen: 17 years 5 days ago
Joined: 2004-04-21
Posts: 21
Points: 0

Hi all, I am new to the forum and relatively new to CSS.

Here is my site: http://www.jessicamartin.org

On both my mac at home and pc at work, my css links are all screwed up. Would one of you CSS experts mind checking out my code to see where I went wrong? I'd really appreciate it!

The link to my stylesheet is: http://www.jessicamartin.org/cherry.css

note: all pages link to the cherry.css except for the journal page, which links to a moveable type stylesheet.

Thanks in advance for any help you can offer!

-Jessica

JessicaM
Offline
Regular
Last seen: 17 years 5 days ago
Joined: 2004-04-21
Posts: 21
Points: 0

re: Link CSS issues/check

I just read over my post and realized I should be more specific:

1) on the booklist page: http://www.jessicamartin.org/booklist.html some of the links are underlined and others are not yet in the style (content) I specify that all links should be underlined. ?!? What did I do wrong?

2) Also, on my mac for some reason not all of the links roll over to the "hover" color. I am using 10.2.8 Mac OSX on Safari and Explorer.

Thanks again for any help you can offer Wink

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 17 years 13 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

re: Link CSS issues/check

Your css is not quite right.
For example you have ~

.content
    A:link		{ text-decoration: underline; color: #336600;} 
	A:visited	{ text-decoration: underline; color: #336600;} 
	A:active	{ text-decoration: underline; color: #00ff00;} 
	A:hover		{ text-decoration: underline; color: #00ff00;} 

You show this as a tabbed list so I assume you believe that the A:link, A:visited, A:active and A:hover all apply to the .content class.

This is not the case however, only the A:link applies to the .content class.

This should be written as ~

.content A:link { text-decoration: underline; color: #336600;}
.content A:visited { text-decoration: underline; color: #336600;}
.content A:hover { text-decoration: underline; color: #00ff00;}
.content A:active { text-decoration: underline; color: #00ff00;} #

Notice also that :active should be at the end of the list.

This also applies to the other occurances of links in your css.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

JessicaM
Offline
Regular
Last seen: 17 years 5 days ago
Joined: 2004-04-21
Posts: 21
Points: 0

re: Link CSS issues/check

That makes sense. Thank you! I'll try that out when I get home tonight.

I'll let you know how it goes.