garyblackpool Posted October 24, 2009 Share Posted October 24, 2009 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 More sharing options...
thescientist Posted October 24, 2009 Share Posted October 24, 2009 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 More sharing options...
garyblackpool Posted October 24, 2009 Author Share Posted October 24, 2009 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 Link to comment Share on other sites More sharing options...
thescientist Posted October 24, 2009 Share Posted October 24, 2009 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 .CheersSo 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 More sharing options...
dsonesuk Posted October 24, 2009 Share Posted October 24, 2009 try assigning a fixed height for the anchor linksdiv#navleft li a{color:#666;display:block;text-decoration:none;height: 25px; /*to required height*/line-height: 25px; /*to vertically align in middle*/} Link to comment Share on other sites More sharing options...
garyblackpool Posted October 24, 2009 Author Share Posted October 24, 2009 yes make brilliant assigning line height makes it work.Getting warning on alt and short closing tags But the problem is solved thanks, Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.