Page is a not externally linkable
nigelt74 - 12:51 am on Nov 6, 2009 (gmt 0)
How would i go about finding what is overriding it I have tried removing all rules and I cannot get the active state to show, Here is the entire CSS file, there is also a reset.css file, but when i removed the link to the reset it made zero difference to the links and here is a full page
Even with the changes you suggested, the Active underlined doesn't seem to work, (The site background is black hence the white text)
body {
background: #000;
background-image:url('orange.gif');
background-repeat:repeat-x;
color: #fff;
font-size: 16px;
line-height: 22px;
padding: 0;
margin: 0 auto;
font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
}
#container
{
margin: 0px auto 50px auto;
width: 1000px;
padding: 0px;
}
#intro-header
{
height: 100px;
color: #fff;
}
#intro-text
{
Float: left;
left: 5px;
padding: 0px;
width: 460px;
}
#intro-slide
{
margin-left: 480px;
width: 510px;
padding: 0px;
margin-right: 5px;
}
em {
color: orange;
}
p {
color: #fff;
font-size: 16px;
line-height: 22px;
}
.largehead {
font-size: 44px;
line-height: 38px;
}
span.left {
position: absolute;
left: 0;
}
span.right {
position: absolute;
right: 0;
}
div.line {
font-size: 18px;
position: relative;
text-align: center;
width: 100%;
color: #fff;
}
.grumpy-bunion, head-para {
padding: 5px 0px;
}
div.line a:link { text-decoration: none; color: #fff;}
div.line a:visited { text-decoration: none; color: #fff;}
div.line a:hover { text-decoration: underline; color: #fff;}
div.line a:active { text-decoration: underline; color: #fff;}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Good Afternoon - How are you</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="flashdetect.js"></script>
<link href="reset.css" rel="stylesheet" type="text/css">
<link href="the.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="intro-header">
<p class="head-para"> </p>
<div class="largehead">Good Afternoon</div><!-- large head -->
<div class="line">
<span class="left">How are you today</span>
<span class="right">
<a href="about.php">About</a>
<a href="index.php">Portfolio</a>
<a href="index2.php">Portfolio2</a>
</span>
</div>
<!-- line -->
</div><!-- intro header -->
<div style="clear:both;"></div>
<div id="intro-text">
<p><em>Welcome to the website . . </em></p>
<p>Bla Bla</p>
</div><!-- intro-text -->
<div id="intro-slide">
<p> </p>
<div id="flashcontent">
<h1>Oops!</h1>
<p>Slideshow would be here</p>
</div>
</div><!-- intro slide -->
</div><!-- container -->
</body>
</html>
While I realise this is overkill, I don't know how else to get the blasted thing to work