CSS Codes
CSS Layouts
Results 1 to 2 of 2

Thread: Spacing problem

  1. 09-13-2005, 07:53 PM #1
    kentmcpherson
    kentmcpherson is offline New Comer (less than 5 posts)
    Join Date
    Sep 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Spacing problem

    I'm trying to set up a tabbed menu with a horizontal rule directly underneath. The code excerpt I have is:

    <body topmargin="0" bottommargin="0" style="text-align: center">&nbsp;<p>&nbsp;</p>

    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="bottom"><a href="index.htm"><img border="0" src="images/Home_Btn0.jpg" width="75" height="50"></a></td>
    <td valign="bottom"><a href="weddings.htm"><img border="0" src="images/WeddingNews_Btn0.jpg" width="75" height="50"></a></td>
    <td valign="bottom"><a href="photo_album.htm"><img border="0" src="images/PhotoAlbum_Btn0.jpg" width="75" height="50"></a></td>
    <td valign="bottom"><a href="smallgroup.htm"><img border="0" src="images/SmallGroup_Btn1.jpg" width="75" height="50"></a></td>
    <td valign="center"><a href="feedback.htm"><img border="0" src="images/Feedback_Btn0.jpg" width="75" height="50"></a></td>
    </tr>
    </table>
    <hr color="#008000" size="20" style="margin-top: 0; margin-bottom: 0">

    </body>

    There is a space between the tabs and rule in IE6 but not in Firefox. Any ideas why?
    Reply With Quote Reply With Quote
  2. 09-13-2005, 09:53 PM #2
    jscheuer1's Avatar
    jscheuer1
    jscheuer1 is offline Global Moderator
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Well, in tests here, I get a slight space in both browsers using just the word 'Hi' in a single celled table with your hr below it but, the IE gap is larger. In any event, giving either the hr a negative top margin or the table a negative bottom margin will close the gap. If this messes up the positioning in FF you can use the !important hack:
    HTML Code:
    <table style="margin-bottom:0!important;margin-bottom:-8px;">
    If you are wanting to avoid problems with Opera and possibly other browsers, including IE Mac, look into more specific hacks at quirksmode.org.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

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

Forum Rules