a:hover is what the link changes to when the mouse is over it. A:link {font-family: arial; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none} is for every link. If you want some links to be different, use: .name A:link {font-family: arial; font-weight: bold; font-size: 12px; color: #ffffff; text-decoration: none} and put those links in a div or td or whatever with class="name" in it.
so A is for every link? and if i wanted it to be diffrent i would have to create a new class? does it have to be .name with A:link, i tryed to make a new class in my CSS and was having problems they way you put it above is that exacly how you write it in the CSS file? i tryed to make a new class and i did it like this .title4 { font-family: Tahoma; font-size: 24px; font-weight: bold; color: #416a2f; } and it wasnt effective
links have to be a certain special way? if so please explain, becuase ive been using text classes for links and someone told me thats why my links flash like there crazy
To format a link it would need to be: .title4 A:link { font-family: Tahoma; font-size: 24px; font-weight: bold; color: #416a2f; }
ok thanks for all your help man, i appreciate it, one more question, when i make the class .title4 A:link and want to use it how would it look in the link, ( lets say <a href="http://copper.com"</a>)
Like this: <a href="http://www.adsfasdf.com" class="title4">adsfasdf</a> Or you could just put the link inside a div or td that is like <td class="title4">
ok cool so you dont have to put the A:link in the html just in the CSS file? maybe i can get this site going now, ive had problem after problem with this site for around a month now, at least i got to learn alot about html and css through out my mistakes and the next sites should be easy.
That is correct, then link to it from the head of the html page by putting <link rel="stylesheet" href="styles.css">
hmmm, i made the class link} .title A:link{ font-family: Tahoma; font-size: 20px; font-style: normal; color: #FF6600; font-weight: normal; } and the places where title is( they are links) dissapear also should i add the hoover,visited, active and if so how wouldit look? sorry for all the questions i do appreciate your help
You should add those things below the link code like this: .title A:link { font-family: Tahoma; font-size: 20px; font-style: normal; color: #FF6600; font-weight: normal; } .title A:visited { font-family: Tahoma; font-size: 20px; font-style: normal; color: #FF6600; font-weight: normal; } I'm not sure why the links would disappear. Are they the same color as the background?
no not same as background im not sure either, most of the links didnt dissapear but these threemain navigation link disapeard il try in fix that, so i would make a seperate class for visited, hoover, and that and just conect it to title? if i had a diffrent link like .t1 would i then make a seperate A:visited for that to? i thought it went like this, .title A:link { font-family: Tahoma; font-size: 20px; font-style: normal; color: #FF6600; font-weight: normal; A:visited: #ff6666 A:hoover: #45678 }
about the links dissapearing they do turn white all of them now, when i clearly got title A:links color orange, would it have something to do with A already being white on the CSS sheet? i thought once i made title A:link it would overide the A in my CSS?
Yeah, that's what's causing the problem. Put the title links in a div or td with class=title and that should fix it.
thanks matt the <div> worked for most of the links theres still a couple that are still white, but im sure i can figure it out, if not i might be asking more questions
Keep the occurances of 'A' lowercase. The reason for that is as XHTML is case sensitive, 'A' isn't really an element, but 'a' is.