Some text color is not displayin in Mozila and IE6

**ketan7880** · 05-28-2007 08:56 PM

Hi

I created a page , but i am not getting the <a> link color which i defined in style.

it display gray color and white color.

here is the style which i user for both

HTML Code:

[QUOTE]
/* Class 2 */
.a2{
	font-size: 80%;
	color: #78073D;
	text-decoration: none;
}		 
.a2:link {
    font-size: 80%;
	color: #78073D;
	text-decoration: none;}

.a2:hover {
	font-size: 80%;
	COLOR:#78073D;
	
}

/*Class 3*/
.a3{
	
	/*border:.5px inset #000000;
	border-bottom:hidden;*/
	font-size: 80%;
	color: #78073D;
	background-color: #CCCCCC;
}
.a3:link{	
	font-size: 80%;
	color: #78073D !important;
	text-decoration: none;
	background-color: #CCCCCC;
}

.a3:hover{	
	font-size: 90%;
	color: #cccccc;
	background-color:#78073d;
	border-top:solid;
	border-top-color: #FF9900;
}
a3:visited{
	font-size: 80%;
	color: #78073D!important;
	text-decoration: none;
}[/QUOTE]

In Class a2 i am getting white color nad in a3 i am getting gray.

My html code

HTML Code:

<!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">
<!-- DW6 -->
<head>

<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="Title Edit" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="3col_leftNav.css" type="text/css" />
</head>
<body>
<div id="wrapper">
  <div id="masthead">
    <img src="../Image/WQU 002_070528 web header.jpg" border="0"  /></div>
    <div id="breadCrumb">
		<a class="a3" href="#">Queensland</a> | <a class="a3" href="#">District 1</a> | <a class="a3" href="#">District 2</a> | <a class="a3" href="#">District 3</a> | <a class="a3" href="#">District 4</a> | <a class="a3" href="#">District 5</a> | <a class="a3" href="#">District 6</a> | <a class="a3" href="#">District 7</a> | <a class="a3" href="#">District 8</a> | <a class="a3" href="#">District 9</a> | <a class="a3" href="#">District 10</a> | <a class="a3" href="#">District 11</a> | <a class="a3" href="#">District 12</a> | <a class="a3" href="#">District 13</a> | <a class="a3" href="#">District 15</a>
	</div>
	<div id="Space">
	</div>
  <div id="navBar">
    <div id="sectionLinks"> <span class="style1"></span>
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Description</a></li>
          <li><a href="#" >News</a></li>
          <li><a href="#">Promotional</a></li>
          <li><a href="#">Animation</a></li>
          <li><a href="#">Downloads</a></li>
          <li><a href="#">Release Note</a></li>
          <li><a href="#">Price/License</a></li>
          <li><a href="#">FAQ</a></li>
          <li><a href="#">Links</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
    </div>
  </div>
  <!--end navBar div -->
  <!--end headlines -->
  <!-- TemplateBeginEditable name="Content Edit" -->
<div id="content">
  <img src="" alt="" width="420" height="600"/>
</div> 
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="DetailInfo" -->
<div id="DetailInfo">
	<img src="" alt="" width="420" height="600" />
</div><!--end content -->
<!-- TemplateEndEditable -->
<br/>
  <div id="siteInfo"><a class="a2" href="#">About Us</a> | <a class="a2" href="#">Site Map</a> | <a class="a2"href="#">Privacy Policy</a> | <a class="a2" href="#">Contact Us</a> | &copy;2003 Company Name</div> 
</div>
</body>
</html>

**ketan7880** · 05-28-2007 09:05 PM

Hi
I found the solution

**WebJoel** · 05-29-2007 07:12 AM

a3:visited{
font-size: 80%;
color: #78073D!important;
text-decoration: none;
}

Please share.

Or, -could it be that this "a3:visited" requires a " . " in front of it, to make it a "class"?

Thread: Some text color is not displayin in Mozila and IE6

Thread Tools

Display

Some text color is not displayin in Mozila and IE6

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions