...

View Full Version : extra space!! From Where??



beedie
05-16-2009, 02:21 AM
There seems no way to remove the space in Firefox. It doesn't show up in Safari.

css

td.flash {white-space:nowrap; padding:0; border:0; margin:0; font-size:0; line-height:0}
td.header {white-space:nowrap; padding:0; border:0; margin:0; font-size:0; line-height:0}
.dropdown {float:left; }
.dropdown dt {width:94px; padding:0px; border:0px; margin:0px; font-weight:bold; cursor:pointer; white-space:nowrap;}
/*.dropdown dt:hover {background:url(images/header_over.gif)}*/
.dropdown dd {position:absolute; overflow:hidden; width:200px; display:none; background:#fff; z-index:200; padding:0; border:0; margin:0;}
.dropdown ul {width:200px;list-style:none; padding:0px; border:0px; margin:0px; }
.dropdown li {display:inline;}
.dropdown a {display:block; padding:5px; color: #494748; text-decoration:none; text-align:left;background:#8d8b8c; width:200px; z-index:300;opacity:80}
.dropdown a:active, .dropdown a:visited {display:block; padding:5px; color: #494748; text-decoration:none; text-align:left;background:#8d8b8c; width:200px; z-index:300;}
.dropdown a:hover {background:#494748; color:#000}
.dropdown .underline {border-bottom:1px solid #494748}

This is a bit long but most is not relevant. It is only between the rows that the problem arises although i think it is the end of the first row where the problem comes. After the drop down.
html:

<tr><td colspan="3">
<img id="banner" src="images/gif/toph.gif" alt="banner"
ALT="banner" BORDER="0" USEMAP="#map1" height="130" width="903 "><br>

<!--<img src="images/gif/menubar_1.gif" alt="spacer">

<img src="images/gif/products.gif" alt="spacer">

<img src="images/gif/science.gif" alt="spacer">
<img src="images/gif/opportunity.gif" alt="spacer">
<img src="images/gif/events.gif" alt="spacer">
<img src="images/gif/contact_us.gif" alt="spacer">
<img src="images/gif/menubar_last.gif" alt="spacer">-->
<dl class="dropdown">
<img src="images/gif/menubar_1.gif" alt="spacer">
</dl>

<dl class="dropdown">
<dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"><img src="images/gif/company.gif" alt="spacer"></dt>

<dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
<ul>
<li><a href="#" class="underline"> Item 1</a></li>
<li><a href="#" class="underline"> Item 2</a></li>
<li><a href="#" class="underline"> Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>

</ul>
</dd>
</dl>

<dl class="dropdown">
<dt id="three-ddheader" onmouseover="ddMenu('three',1)" onmouseout="ddMenu('three',-1)"><img src="images/gif/products.gif" alt="spacer"></dt>

<dd id="three-ddcontent" onmouseover="cancelHide('three')" onmouseout="ddMenu('three',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>
<li><a href="#" class="underline">Navigation Item 2</a></li>
<li><a href="#" class="underline">Navigation Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>

</ul>
</dd>
</dl>

<dl class="dropdown">
<dt id="four-ddheader" onmouseover="ddMenu('four',1)" onmouseout="ddMenu('four',-1)"><img src="images/gif/science.gif" alt="spacer"></dt>

<dd id="four-ddcontent" onmouseover="cancelHide('four')" onmouseout="ddMenu('four',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>
<li><a href="#" class="underline">Navigation Item 2</a></li>



</ul>
</dd>
</dl>

<dl class="dropdown">
<dt id="five-ddheader" onmouseover="ddMenu('five',1)" onmouseout="ddMenu('five',-1)"><img src="images/gif/opportunity.gif" alt="spacer"></dt>

<dd id="five-ddcontent" onmouseover="cancelHide('five')" onmouseout="ddMenu('five',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>
<li><a href="#" class="underline">Navigation Item 2</a></li>
<li><a href="#" class="underline">Navigation Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>

</ul>
</dd>
</dl>

<dl class="dropdown">
<dt id="six-ddheader" onmouseover="ddMenu('six',1)" onmouseout="ddMenu('six',-1)"><img src="images/gif/events.gif" alt="spacer"></dt>
<dd id="six-ddcontent" onmouseover="cancelHide('six')" onmouseout="ddMenu('six',-1)">
<ul>
<li><a href="#" class="underline">Navigation Item 1</a></li>

<li><a href="#" class="underline">Navigation Item 2</a></li>
<li><a href="#" class="underline">Navigation Item 3</a></li>
<li><a href="#" class="underline">Navigation Item 4</a></li>


</ul>
</dd>
</dl>

<dl class="dropdown">
<dt id="seven-ddheader" onmouseover="ddMenu('seven',1)" onmouseout="ddMenu('seven',-1)"><img src="images/gif/contact_us.gif" alt="spacer"></dt>
<dd id="seven-ddcontent" onmouseover="cancelHide('seven')" onmouseout="ddMenu('seven',-1)">
<ul>
<li><a href="#" class="underline">corp office</a></li>

<li><a href="#" class="underline">customer service</a></li>
<li><a href="#" class="underline">info request</a></li>
<li><a href="#" class="underline">find a distirbutor</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</dd>
</dl>

<dl class="dropdown">
<img src="images/gif/menubar_last.gif" alt="spacer">
</dl>
</td>
</tr>
<tr>
<td class="flash" colspan="2"><img src="images/leftside.png" alt="spacer" width="6" height="432"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','888','height','432','title','billsswf_file','src','blur_1_pix el_border','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','blur_1_pixel_border' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="888" height="432" title="billsswf_file">
<param name="movie" value="blur_1_pixel_border.swf" />
<param name="quality" value="high" />
<embed src="blur_1_pixel_border.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="888" height="432"></embed>
</object></noscript><img src="images/rightside.png" alt="spacer" width="9" height="432"></td>
</tr>

HELP PLEASE:thumbsup:

hkp
05-16-2009, 08:08 AM
I have checked it in the Safari. It is working fine here.

beedie
05-16-2009, 02:43 PM
yes safari works but not IE or Firefox

mapleleaf
05-17-2009, 05:45 PM
Would this be a case of drop the tables and use divs?
Just a thought. I can't get it to work for you either



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum