Style Sheet - link font formating

liunx

Guest
Ok, I have my default.css and index.html file. In my default.css I have the following lines: <br />
<br />
A:link, A:visited, A:active {text-decoration:none; font-weight: bold; font-family: Georgia; color: 0000FF <br />
} <br />
<br />
A:hover {text-decoration:none; font-weight: bold; font-family: Georgia; color: lime <br />
} <br />
<br />
div.spclink {text-decoration:none; font-size: 8pt; font-family: Arial; color: 666666 <br />
} <br />
<br />
In my html page I have normal links plus I've got links that I want to seperate from the others so I have: <br />
<br />
<div class="spclink"><p><a href=http://www.htmlforums.com/archive/index.php/"contact_look.htm">Find user information</a></div><br> <br />
<br />
Now when I do this, the "DIV" links are picking up the change in font size but not the family or color. Any suggestions?<!--content-->color has to have the # sign in front of the hex code. #666666<!--content-->I changed that and still didn't see any change in the final product, and that would not explain why the font style didn't change. I don't know if I've got something messed up trying to use 2 different styles for the hyperlinks or what?<!--content-->try this<br />
<br />
.spclink {text-decoration:none; font-size: 8pt; font-family: Arial; color: #666666 <br />
}<!--content-->what host are you using, i had this same problem using f2s and i found out its just because the server wasnt very good and normally would update about a half an hour after i uploaded the new style sheet. :(<!--content-->scoutt, sorry, but it took on the look of the rest of the hyperlinks.<br />
<br />
will, no, this is an in house intranet, or I would give ya'll a link to see what is going on.<!--content-->well I guess I'm all out of tries.. lol it seems like it should work. and I have seen it on this forum before. try earching for it. maybe in the cross-platform forum.<!--content-->Well, I do thank you for your help, maybe if I spend a little more time with my nose in a book I can figure it out.<br />
<br />
Thanks<!--content-->It seems you should be creating a second set of link settings instead of trying to affect the link externally with a DIV.<br />
<br />
a.spclink {<br />
font: 8pt arial; text-decoration: none; color: #666666;<br />
}<br />
<br />
Then put the class into the link tag directly...<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"contact_look.htm" class="spclink">Find user information</a><br />
<br />
You may want to also specify the different link styles such as...<br />
<br />
a.spclink:active {}<br />
a.spclink:visited {}<br />
a.spclink:hover {}<!--content-->That's exactly what I needed!!!<!--content-->duh!!! why didnt i think of that... just because you include the style sheet, doesnt mean that the browser knows what to apply which stlye to!!!! hehehe, its good someoen figured it out though, and i would hope it wasnt a bad server if you are indeed on a intranet :D btw, anyoneknow of a good free host besides f2s :) they are the ones who have the problem!!<!--content-->Originally posted by Will <br />
btw, anyoneknow of a good free host besides f2s :) they are the ones who have the problem!! Try finding one at: <!-- m --><a class="postlink" href="http://www.freewebspace.net">http://www.freewebspace.net</a><!-- m --><!--content-->Sherpa, Thanks for asking this question. I came here specifically looking for a way to write a style sheet so that my links would be different in two divs and wasn't sure what would work. I didn't have to ask and wait for the answer because you did it for me. LOL<!--content-->
 
Back
Top