2 Replies Latest reply on Jun 19, 2008 6:17 PM by

    Nav bar problem

    kitster79 Level 1
      I have a navigation bar with some rollover states using javascript. My problem is that the images don't sit flush to the bottom of the div tag they are in. There is a gap of about 3 pixels underneath them. I only have "top" padding applied to the div tag - no bottom padding. I have also tried to set the vertical alignment to bottom AND baseline and neither one does anything. Can anyone help? I have pasted my code for this div tag below...

      <div id="header">
      <div id="logo"><img src="Images/logo.gif" width="213" height="89" /></div>
      <div id="nav"> <a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','home','Images/navBtnHomeOver.gif',1)" onmouseover="MM_nbGroup('over','home','Images/navBtnHomeActive.gif','Images/navBtnHomeOve r.gif',1)" onmouseout="MM_nbGroup('out')"><img src="Images/navBtnHomeOver.gif" alt="Home" name="home" border="0" id="home" onload="MM_nbGroup('init','group1','home','Images/navBtnHome.gif',1)" /></a> <a href="team.html" target="_top" onclick="MM_nbGroup('down','group1','team','Images/navBtnTeam.gif',1)" onmouseover="MM_nbGroup('over','team','Images/navBtnTeamActive.gif','Images/navBtnTeam.gi f',1)" onmouseout="MM_nbGroup('out')"><img src="Images/navBtnTeam.gif" alt="Team" name="team" width="56" height="28" border="0" id="team" onload="" /></a> <a href="services.html" target="_top" onclick="MM_nbGroup('down','group1','services','Images/navBtnServices.gif',1)" onmouseover="MM_nbGroup('over','services','Images/navBtnServicesActive.gif','Images/navBt nServices.gif',1)" onmouseout="MM_nbGroup('out')"><img src="Images/navBtnServices.gif" alt="Services" name="services" width="72" height="28" border="0" id="services" onload="" /></a> <a href="tic1031.html" target="_top" onclick="MM_nbGroup('down','group1','tic1031','Images/navBtnTIC1031.gif',1)" onmouseover="MM_nbGroup('over','tic1031','Images/navBtnTIC1031Active.gif','Images/navBtnT IC1031.gif',1)" onmouseout="MM_nbGroup('out')"><img src="Images/navBtnTIC1031.gif" alt="TIC/1031" name="tic1031" width="70" height="28" border="0" id="tic1031" onload="" /></a> <a href="acquisitions.html" target="_top" onClick="MM_nbGroup('down','group1','acquisitions','Images/navBtnAcquisitions.gif',1)" onMouseOver="MM_nbGroup('over','acquisitions','Images/navBtnAcquisitionsActive.gif','Imag es/navBtnAcquisitions.gif',1)" onMouseOut="MM_nbGroup('out')"><img name="acquisitions" src="Images/navBtnAcquisitions.gif" border="0" alt="Acquisitions" onLoad="" /></a> <a href="links.html" target="_top" onClick="MM_nbGroup('down','group1','links','Images/navBtnLinks.gif',1)" onMouseOver="MM_nbGroup('over','links','Images/navBtnLinkActive.gif','Images/navBtnLinks. gif',1)" onMouseOut="MM_nbGroup('out')"><img name="links" src="Images/navBtnLinks.gif" border="0" alt="Links" onLoad="" /></a> <a href="contact.html" target="_top" onClick="MM_nbGroup('down','group1','contact','Images/navBtnContact.gif',1)" onMouseOver="MM_nbGroup('over','contact','Images/navBtnContactActive.gif','Images/navBtnC ontact.gif',1)" onMouseOut="MM_nbGroup('out')"><img name="contact" src="Images/navBtnContact.gif" border="0" alt="Contact" onLoad="" /></a></div>
      </div>