Chap 3, pg 88, #6

jkoyle · December 5th, 2011, 02:23 PM

How can any browser show the initial css color setting of Green (#080000) on my hyperlink? Any browser I use, IE9, Firefox, Safari, Chrome all default to the Red setting.
Hover works correctly, but the only other color displayed is Red.

Even after clearing all the browser cache settings and even restarting VWD 2010, the browsers still show Red.

I have even tried overridding the forground color in Design to other initial colors without success.

Do you have an idea as to what I'm doing wrong?

I know it's something simple, but I have spent 1.5 hrs trying to resolve this little problem. Sorry to bother for such an insignificant issue.

Jack Koyle
Michigan

Imar · December 5th, 2011, 02:33 PM

Hi Jack,

Can you post your code? There must be a simple explanation...

Imar

jkoyle · December 5th, 2011, 02:46 PM

Default.aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

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

<style type="text/css">
.style1
{
color: #0080FF;
}
</style>

</head>
<body>
<form id="form1" runat="server">
<div id="PageWrapper"></div>
<div id="MainContent">
<h1><a href="Default.aspx" class="style1">1-888-Referral</a></h1>
<p>A Customized Referral Service Specifically Designed for the Dental Specialist and the Referring Office.</p>
<p>You will never miss another Referral</p>
</div>
<div id="Sidebar">Sidebar Goes Here</div>
<div id="Footer">Footer Goes Here</div>

</form>
</body>
</html>

Styles/Styles.css

#Header
{
background-color: #C0C0C0;
width: 844px;
height: 175px;
}

*
{
font-family: Arial;
}

h1
{
font-size: 21px;
}

#PageWrapper
{
width: 844px;
}

#MenuWrapper
{
width: 844px;
}

#MainContent
{
width: 664px;
float: left;
}

#Sidebar
{
background-color: Gray;
width: 180px;
float: left;
}

#Footer
{
background-color: #C0C0C0;
width: 844px;
clear: both;
}

#MainContent a
{
color: #008000; /* Green */
text-decoration: underline;
}

#MainContent a:visited
{
color: #FF0000; /* Red */
text-decoration: underline;
}

#MainContent a:hover
{
color: #FFA500; /* Orange */
text-decoration: underline;
}

Imar · December 5th, 2011, 02:57 PM

indeed. Take a look at this:

Code:

 
CodeFile="Default.aspx.vb

and this

Code:

 
<a href="Default.aspx" class="style1">

You run this code in a page called Default.aspx. By browsing to it, you visit it. The link will then be rendered with a:visited class according to CSS rules.

Change the link something that doesn't exist yet or that you haven't visited yet (Whatever.aspx should do the trick) and it'll work.

You may also need to remove the inline style1....

Cheers,

Imar

jkoyle · December 5th, 2011, 03:10 PM

THANK YOU:

Absolutely Perfect. I knew it was something simple.

God Bless You

Jack Koyle