0

Hi
I created few pages website and is have some display problem with different browser.

Link color and mouse over color is not displaying as i want in IE6

I am sending the .CSS file and Templates code.

Pls help me.

Thanks
Template 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" -->
<title>Title</title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="3col_leftNav.css" type="text/css" />
</head>
<body>
<span class="style1"></span><span class="style2"></span>
<div id="wrapper">
	<div id="pad">
	<div id="masthead">
    	<img src="../Image/TUFLOW Header 070618.gif" width="1043" height="149" />	 </div>
	 <div id="breadCrumb"><a class="a3" href="#">Price - License</a> / <a class="a3" href="#">Contact Us</a> 
     &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Search:-
     <FORM name="formSear" style="display:inline" action="../New Folder/WEB/Search.html" method="GET" onSubmit="return qs();">
	<script type="text/javascript">function qs(){var f=document.formSear;var qe=f.searWords.value;if(window.encodeURIComponent)qe=encodeURIComponent(qe);if(f.area)if(f.area.value==2){document.location="http://www.google.com/search?q="+qe;return false;}var pt=document.location.href;var iq=pt.indexOf('?');if(iq!=-1)pt=pt.substring(0, iq);if(f.action)if(f.action!="")pt=f.action;var ue=pt+"?searWords="+qe;if(f.search)ue+="&search="+f.search.value;if(f.match)ue+="&match="+f.match.value;document.location=ue;return false;}</script>
    <input name="searWords" size="10" style="" />
    <input name="Send" type="submit"   style="background-color:#99CCFF; color:#FFFFFF; border:thin; border-color:#CCCCCC" value="Go" /></FORM>
 	</div>
	<!-----End Bread Crumb---->
	<!----End Masthead--->
 	<div id="LineDiv">
	</div>	
	<!------End Line----->
	<div id="navBar">
    	<div id="sectionLinks"> <span class="style1"></span>
        	<ul>
	          <li><a href="../New Folder/WEB/Home.htm">Home</a></li>
    	      <li><a href="../New Folder/WEB/Desc.htm">Description</a></li>
        	  <li><a href="../New Folder/WEB/News.html" >News</a></li>
	          <li><a href="../New Folder/WEB/Promotional.html">Promotional</a></li>
    	      <li><a href="../New Folder/WEB/Animation.html">Animation</a></li>
        	  <li><a href="../New Folder/WEB/Download.html">Downloads</a></li>
	          <li><a href="../New Folder/WEB/ReleaseNotes.html">Release Note</a></li>
    	      <li><a href="../New Folder/WEB/Price_Licence.html">Price/Licence</a></li>
        	  <li><a href="../New Folder/WEB/FAQ.html">FAQ</a></li>
	          <li><a href="../New Folder/WEB/Link.html">Links</a></li>
    	      <li><a href="#">Contact Us</a></li>
        	</ul>
    	</div>
  </div>
  <!--end navBar div -->
  <div id="headlines">
    <h3>Latest News</h3>
    	<h4>&nbsp;</h4>
    	<h4>April 5, 2007</h4>
    	<a class="a3"  href="#">TUFLOW_to_GIS..</a> 
		<h4>&nbsp;</h4>
    	<h4>January 18, 2007</h4>
		<a  class="a3" href="#">Two new utilities..</a>
		<h4>&nbsp;</h4>
     	<h4>December 21, 2006</h4>
		<a  class="a3" href="#">dat_to_dat.exe..</a> 
        <h4>&nbsp;</h4>
		<h4>November 20, 2006</h4>
		<a class="a3" href="#">TUFLOW_to_GIS..</a>
     	<h4>&nbsp;</h4>
		<h4>September 12, 2006</h4>
		<a class="a3" href="#">Build 2006-06-BD..</a>
     	<h4>&nbsp;</h4>
		<h4>August 8, 2006</h4>
		<a class="a3" href="#">The June 2006 ..</a>
  </div>
  <!--end headlines -->
  <!-- TemplateBeginEditable name="Content Edit" -->
  <div id="content">
  	<div class="feature"> <img src="" alt="" width="250" height="250" />
        <h3>Feature title</h3>
      	<p> Content </p>
    </div>
    <div class="story">
      <h3>Story Title</h3>
      <p> Your Story </p>
    </div>
    <div class="story">
      <h3>Story Title</h3>
      <p> Your Story </p>
    </div>
  </div>
  <!-- TemplateEndEditable -->
  <div id="siteInfo"><a class="a3" href="#">About Us</a> | <a class="a3" href="#">Site Map</a> | <a class="a3"href="#">Privacy Policy</a> | <a class="a3" href="#">Contact Us</a> | &copy;2003 TUFLOW </div>
  <br/>
 </div>
</div>
</body>
</html>
Attachments
/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html,body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0;
	padding: 0px;
	height:100%;
	/*background:#dad9d6 url("../Image/bt_bg_body-index.gif") repeat-y 50% 0;*/
	background: #DBDBDB url("../New Folder/Image/bt_bg_body-index.gif") repeat-y 50% 0;color:#000;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	font-size: 100%;
	color:#000033 !important;
	text-decoration: none;
}

a:visited{
	font-size: 100%;
	color: #000033;
	text-decoration: none;
}

a:hover{
	color: #0000ff;
	text-decoration: none;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #000033;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 90%;
 font-weight:bold;
 color:Black;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
 
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 float:left;
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	/*padding: 0px 0px 0px 0px;*/
	position:relative;
	height:100%;
	min-height:100%;
	width: 1050px;
	margin: 0 auto;
	
}

#masthead{
	padding:0 0 2px 0;
	
	/*border-bottom: 1px solid #cccccc;
	border-bottom-color:#DDDDDD;
	border-bottom-width:thick;
	border-bottom-style:groove;*/
	
}

#navBar{
	float: left;
	width: 15%;
	margin: 0px;
	padding:0px;
	background-color: #99CCFF;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#headlines{
  	float:right;
	width: 16%;
	/*	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	padding-right: 10px;
}

#content{
	padding:10px;
	padding-bottom:48px;
	float: left;
	width: 66.5%;
	height:100%;
	min-height:100%;
	padding:0 5px 2px 2px;
	text-align:left;
	border-left: 1px solid  #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#pad{
	padding:10px 3px 0 3px;
}

#scroll {
	height: 550px;
	width: 690px;
	overflow: auto;
	background-color:#ffffff;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}




/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding-left:3px;
	padding-bottom:3px;
	overflow:visible;
	/*display:inline !important;*/
}

#LineDiv{
	height:5px;
	margin-top:2px;
	background: url("../Image/line1.gif") no-repeat;
}

/************** .feature styles ***************/

.feature{
	font-size: 80%;
	padding:0px 3px 0px 2px;
}

.feature h3{
	text-align:Left;
}

.feature img{
	float: left;
	padding:5px 8px 5px 3px;
}
.ul{
 	list-style-type:circle;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	left:0;
	position: absolute;
	bottom: 0;
	padding: 10px;
	background-color: #FFFFFF;
	border-top: 1.5px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	text-align:center;
	width:98%;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 85%;
	
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	margin: 0px;
	padding: 0px;
}



/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	color:#99CCFF;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	font-size: 100%;
	color: #FFFFFF !Important;
	background-color: #000033;
}


/*********** .relatedLinks styles ***********/
/*******
.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}**********/

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
	font-weight:700;
	color: #000099;
}

#headlines p{
	padding: 2px 0px 5px 0px;
}
/**************** Class style********************/
/* Class 2 */
.a2{
	font-size: 85% !important;
	font-size:90%;
	color: #006699 !important;
	color:#660099;
	text-decoration: none;
}		 
.a2:link {
    font-size: 85% !important;
	font-size:90%;
	color: #006699 !important;
	color:#660099;
	text-decoration:none;
}

.a2:hover {
	font-size: 85% !important;
	font-size:90%;
	color:#FF9933 !important;
	color:#660099;
	
}

/*Class 3*/
.a3{
	font-size: 90% !important;
	font-size:90%;
	color: #006699 !important;
	color:blue;
	text-decoration: none;
}
.a3:link{
	font-size: 90% !Important;
	font-size:90%;
	color: #006699 !important;
	color:#00FF00;
	text-decoration: none;
}

.a3:hover{
	font-size: 90% !important;
	font-size:90%;
	color: #FF9933 !important;
	color:#00FF00;
}
/***************Hack*******************************/

/*HTML Hack*/
/*
* html .a2{
	color:#006699;
	font-size:90%;
}

* html .a2:link{
	color:#006699;
	font-size:90%;
}

* html .a2:hover{
	color:#FF9933;
	font-size:90%;
}
* html .a3{
	color:#006699;
	font-size:90%;
}
* html .a3:link{
	color:#006699;
	font-size:90%;
}
* html .a3:hover{
	color:#FF9933;
	font-size:90%;
}*/
2
Contributors
1
Reply
2
Views
10 Years
Discussion Span
Last Post by MidiMagic
0

You need to realize that the user can put settings in his browser that override anything you try to put in for those values. If the user has selected any value other than "let the document decide," his colors will always display instead of yours.

For this reason all web page designers have to design their pages so they still work if someone has set colors for these items. Don't try to change them.

To test to see if this is it, go into the menu and find the settings for link colors.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.