Results 1 to 2 of 2

Thread: spaces between images in FF and IE

  1. #1
    Join Date
    Jul 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default spaces between images in FF and IE

    hi, i have a problem in firefox with images in a table. as you can see on the website www.bestofrome.eu, the imagebar on the left appears ok in IE but for some reason, firefox puts a space between each row of the table (and also between the table of the topbar and the lower part of the page). why does FF do this and how can it be solved?

    Thanks a lot for the help.

  2. #2
    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

    I'm not sure what the problem is but it also occurs in Opera so, you could correct it with a kludge. Set the bottom margin negative on the problematic images like so:

    Code:
    <img src="img/leftvat_off.gif" style="margin-bottom:-5px!important;margin-bottom:0;" width="180" height="53" alt="vatican" border="0" name="menupic7" />
    IE will follow the second rule, all others will follow the first. If you want to apply this to several images, use a class:

    Code:
    <img class="short" src="img/leftvat_off.gif" width="180" height="53" alt="vatican" border="0" name="menupic7" />
    Then use this style block in the head or put its rule on an external stylesheet:

    Code:
    <style type="text/css">
    .short {
    margin-bottom:-5px!important;margin-bottom:0;"
    }
    </style>
    This seemed good for most of the images, you may need to do one or two of them individually.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •