Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Mar 2008
    Posts
    88
    Thanks
    12
    Thanked 0 Times in 0 Posts

    extra space!! From Where??

    There seems no way to remove the space in Firefox. It doesn't show up in Safari.

    css
    Code:
    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:
    Code:
    <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_pixel_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

  • #2
    hkp
    hkp is offline
    New Coder
    Join Date
    May 2009
    Posts
    11
    Thanks
    0
    Thanked 1 Time in 1 Post
    I have checked it in the Safari. It is working fine here.

  • #3
    New Coder
    Join Date
    Mar 2008
    Posts
    88
    Thanks
    12
    Thanked 0 Times in 0 Posts
    yes safari works but not IE or Firefox

  • #4
    New Coder
    Join Date
    May 2009
    Posts
    47
    Thanks
    3
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •