467,915 Members | 1,236 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,915 developers. It's quick & easy.

css problem repost

I've made this simple HTML site implemented using frames but I fear that using frames has complicated applying the .css .

Here's the site:
click me - http://www.wymondhamcollege.com/MFL/Default.htmClick Me
I had serious trouble making the .css filter through tables although I eventually found the fix to that problem. Some of the code in my .css is uneccessary so it may look a little messy. Feel free to suggest what I can delete while maintaining functionality.

My current problem is that I have links in the main frame and the menu frame but I want the links in the main frame to be a colour other than black ie orange/light blue because they're tricky to see against the dark blue background atm while the links in the menu frame should remain black.

Here's the site zipped up:
Click Me

This was drhowarddrfine's input before but I haven't solived my problem.

"The anchors are what have to be styled so in the main page you need:

then you can also add:
color: pink;
and so on."

If anyone could show me how my entire css file should look it'd be much apprecirated. " help :S "
Apr 5 '07 #1
  • viewed: 1112
5 Replies
Why not try creating the default a css class for all href's - then having a seperate class just adjusting what you need to, e.g.:

a {...generic css attributes...}
a:link {...generic css attributes...}
a:active {...generic css attributes...}
a:hover {...generic css attributes...}
a:visited {...generic css attributes...}

a.className {color: #000000;}
a:link.className {color: #000000;}
a:active.className {color: #000000;}
a:hover.className {color: #000000;}
a:visited.className {color: #000000;}

This way, you define the way the href's look generically, and then when you need them to change, just assign the relevant class in the tag.
Apr 5 '07 #2
Expert 4TB
The reason your coloring isn't working is because you change it all with the last part of your css where you change the a:link. This overrides everything you previously set.

Also, you need to make sure you set them all in this order:
Apr 5 '07 #3
Thank you both very much. I'll make the suggested changes asap.
Apr 12 '07 #4
I' m getting there. Currently working on the site.

Why do I need 'a' before these generic styles?

a {...generic css attributes...}
a:link {...generic css attributes...}
a:active {...generic css attributes...}
a:hover {...generic css attributes...}
a:visited {...generic css attributes...}
May 2 '07 #5
should 'a' preceed table.lefttable td, table.centertable td, h1, h2 etc?
May 2 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

5 posts views Thread by Joe | last post: by
4 posts views Thread by Mike Lundell | last post: by
1 post views Thread by Fresh Air Rider | last post: by
reply views Thread by rawCoder | last post: by
3 posts views Thread by Adam | last post: by
14 posts views Thread by Steve McLellan | last post: by
5 posts views Thread by Adrian Parker | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.