Jump to content

List Display In Ei6


garyblackpool
 Share

Recommended Posts

Hi my list navigation in the fist section works fine, however the second section looks fine in firefox and chrome however in ie it displays extra space between list items.Could some tell e how to get around this thanks.Gary.-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML">  <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">  <title>Pippa the Origanal Fashion Doll</title>  <style type="text/css">  html,body{	  min-width:500px;	  margin:0;  }div.title {	color:white;	font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;	font-size: 20px;	line-height:25%;	float:right;	position: absolute;   right: 3%;   width: 40%;   text-align: right; /* depends on element width */   } 		#titleimage{		display:inline;		float:left;		position:relative;		height:100%;	}  #containertop{	  height: 100px; border-style:solid; background-color:black;border-color: black;} div#navleft{	position:absolute;	left: 0;	width:20%;	height:100%;	border-left: 25px solid black;	float:left;	 list-style-type:none;	}div#navleft li a{  color:#666;	  display:block;  text-decoration:none;}div#navleft li{	position:relative;	left:-30px;  list-style-type:none;  clear:both;}  </style> </head> <body> <div id="containertop">  <img src="../images/logopipa.jpg" id="titleimage" />  <div class="title"><p>The Origanal Fashion Doll</p>  					<p>By Palitoy 1972 til 1980</p>  					<input size="15"  name="searchTerm" id="searchtxt" type="text"  value="Enter Query"  /></dd>  					</div> </div> <div id="navleft">   <ul class="nav">  <li><a href="index.html">Female Dolls </a></li>  <li><a href="step1.html">Male Dolls</a></li>  <li><a href="step2.html">Child Dolls</a></li></ul>   <ul class="nav">  <li><a href="index.html">Dresses</a></li>  <li><a href="step1.html">Suits</a></li>  <li><a href="step1.html">Tops</a></li>  <li><a href="step1.html">Outerwear</a></li>  <li><a href="step1.html">Trouser/Skirts</a></li>  <li><a href="step1.html">Shoes</a></li>  <li><a href="step1.html">Accessories</a></li>  </ul>  </div>    </body></html>

Link to comment
Share on other sites

in your post title you say IE6, yet your post only mentions IE....It looks fine in IE7/8. Maybe a stricter DTD with a run through the validator to iron things out?

Link to comment
Share on other sites

had valid css although got a warnings on having </dd> thats been removed and no alt for image although i dont really wanna supply alternative text for my logo image .Cheers
So again, to confirm, is this an IE6 only issue?also, alt text isn't about whether you feel like putting it in or not, it's an accessibility issue and there's a reason why it's required for validation. Also, you didn't mention anything about switching to a stricter DTD.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...