View Full Version : CSS, and Unvisited linking


aisuruneko
05-18-2003, 10:17 PM
I just recently updated my entire page and in doing so changed the font color. Only the font color. But for some reason all the unvisited links on my page kep coming up the default blue with the underline. The hover works correctly, as does the visited link. But the unvisited link is a bit screwed up.

Here is the code:

<html>
<head>
<title>[The.Napalm.Theory. + .Starscape]</title>
<style>
<link rel="STYLESHEET" type="text/css" href="http://www.napalmtheory.com/css.css">
a:link{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:visited{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:active{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:hover{color: FFFFFF;text-decoration:none;font-family: Century Gothic;font-size:xx-small;cursor:crosshair;filter:fliph;}
</style>

Help? @.x

zangerbanger
05-18-2003, 11:43 PM
Your stylesheet is a bit messed up. You linked your one stylesheet, but you have a separate stylesheet for links. Try this, put this code into your css.css file.

<style type="text/css">
<!--
a:link{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:visited{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:active{color: 9999FF;text-decoration:none;font-family: Century Gothic;font-size:xx-small}
a:hover{color: FFFFFF;text-decoration:none;font-family: Century Gothic;font-size:xx- small;cursor:crosshair;fi
lter:fliph;}
-->
</style>

Then, on your real page, just put this code in the head section:

<link rel="stylesheet" type="text/css" href="css.css">

pb&j
05-19-2003, 01:12 AM
you seem to have your LINK tag inside your STYLE area.
try this...

<html>
<head>
<title>[The.Napalm.Theory. + .Starscape]</title>
<link rel="STYLESHEET" type="text/css" href="http://www.napalmtheory.com/css.css">
<style type="text/css">
a {text-decoration:none; font-family: Century Gothic; font-size: xx-small; color: #9999ff;}
a:hover {color: #ffffff; cursor:crosshair;filter:fliph;}
</style>