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
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
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.
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.