tchaunt
For my website (tchaunt.frih.org), I am wanting to use different shades of red for all of the stated of a link. I am using the pseudo classes:
:link
:hover
:active
:visited
All the classes (attached to the anchor attribute--<a>) are working....except for a:link. I link to an external style sheet (titled web.css) on every page. I checked my code and saw that I had a:link (border: none;) on my page's, but that wasn't the problem. I removed it, and the links that haven't been visited are still showing up as blue.
The stylesheet I link to uses this code:
Here's the code from my homepage:
Does anyone see the problem in the code? If you do, please post. By the way, I'm going to clean up the website and take away the extra internal CSS and just add it to the external CSS sometime soon. (Probably today)
EDIT: I went ahead and "merged" the internal and external CSS style sheets. Sadly, it didn't change the link problem. Could the problem possibly be that :link only works with certain browsers?
:link
:hover
:active
:visited
All the classes (attached to the anchor attribute--<a>) are working....except for a:link. I link to an external style sheet (titled web.css) on every page. I checked my code and saw that I had a:link (border: none;) on my page's, but that wasn't the problem. I removed it, and the links that haven't been visited are still showing up as blue.
The stylesheet I link to uses this code:
| Code: |
| <style type="text/css">
a:link {color: #D31F1F; border: none;} a:visited {color: #8A0404; border: none;} a:hover {color: #F32D2D; border: none;} a:active {color: #E46D6D; border: none;} img {border: none;} img:active {border: none;} </style> |
Here's the code from my homepage:
| Code: |
| <html>
<head> <title> TCHaunt - Home </title> <link href="/images/favicon.ico" rel="icon"/> <style> body {background-color: black; background-image: url(/images/paper.png); background-position: center; background-repeat: repeat-y;} #divcent {width: 480px; margin:auto;} img {border: none;} </style> <link rel = "stylesheet" type="text/css" href="/web.css" > </head> <body spellcheck="false"> <div id="divcent"><center><a href="index.php"><img alt="" src="/images/home.png" /></a><a href="fundraiser.php"><img alt="" src="/images/fundraiser.png" /></a><a href="sponsors.php"><img alt="" src="/images/sponsors.png" /></a><br /> <br /> </center><font color="#FBFBFB"><h6>Please use Firefox to view the website</h6></font><center> <img src="/images/tchaunt.png" alt="" /> <br /> <font size="small"><em>The seed of evil has been<br /> planted in Taylor County!</em></font></center><p> <font>Welcome to TCHaunt, the home of Taylor County's upcoming haunted house! Many people love a good haunt around Halloween. Well, we're going to make you one you'll never forget. Right now, we are still planning the haunt.</font><p> <font>We are starting to get into the business aspect of the haunted house. Please help us entertain you at the highest quality by answering this <a href="survey.php">survey</a>.</font> <p> <font>The site is still under construction. Please keep checking in to see what we've added!</font> <br/><br/><br/> <?php $_GET['type'] = 0; include 'rantex.php'; ?><br/></div></body> </html> |
Does anyone see the problem in the code? If you do, please post. By the way, I'm going to clean up the website and take away the extra internal CSS and just add it to the external CSS sometime soon. (Probably today)
EDIT: I went ahead and "merged" the internal and external CSS style sheets. Sadly, it didn't change the link problem. Could the problem possibly be that :link only works with certain browsers?
