dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

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

  1. #1
    Join Date
    Dec 2006
    Posts
    35

    Some text color is not displayin in Mozila and IE6

    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>

  2. #2
    Join Date
    Dec 2006
    Posts
    35
    Hi
    I found the solution

  3. #3
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    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 Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles