|
|
Posted by greg on 12/27/05 05:02
That is working, but... I have huge gaps between menu items in IE, but
in Firefox looks perfectly.
Any idea how to eliminate these gaps in IE?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head>new</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
#lftColm {width:197px; vertical-align:top;}
#lftNav {margin:22px 2px 0 2px;}
#lftNav A:link, #lftNav A:visited
{
margin-top:1px;
padding:4px 4px 4px 8px;
font-weight:bold;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
display:block;
border-style:solid;border-width:0px 1px 1px 6px;
border-color:#FFF #B7B7B7 #D7D7D7 #f0f;
color:navy;
background-color:#fef;
}
#lftNav A:active, #lftNav A:hover
{border-left-color:#0A7ACD;color:red;background-color:#dff;}
#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
background-color: #FFFF9F;
color: navy;
}
</style>
<title>New Page 1</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="27%">
<tbody><tr>
<td id="lftColm" width="270">
<div id="lftNav">
<ul>
<li><a href="#" title="Used Computer Equipment">Home</a></li>
<li><a href="#" title="Notebook">Notebooks</a></li>
<li id="uberlink"><a href="#" title="Internet
Security">Prices</a></li>
<li><a href="#" title="Broadband">Services</a></li>
<li><a href="#" title="Domain Hosting">Broadband</a></li>
<li><a href="#" title="Printer">Contakt</a></li>
<li><a href="#" title="Web Hosting">Links</a></li>
<li><a href="#" title="Anti Virus Software">Anti Virus
Software</a></li>
</ul>
</div>
</td>
</tbody></table>
</body>
</html>
[Back to original message]
|