Please help with sliced image gap issue in Opera

Discussion in 'HTML & Website Design' started by CanaryWoolf, Nov 1, 2005.

  1. #1
    So simple yet I can't work this one out - I've created a slice image which sits within a table which looks fine in IE. Opera produces a gap between the two right images. Your help would be appreciated.

    Here's the page: http://www.bamzooki.org.uk/web-content/index.html

    Here's the code:

    <table border="0" cellspacing="0" cellpadding="0" align="right">
    <tr>
    <td rowspan="2"><img src="images/pudsey_01.gif" alt="Pudsey Bear" height="173" width="117" border="0" /></td>
    <td><img src="images/pudsey_02.gif" alt="Pudsey Bear" height="38" width="89" border="0" /></td>
    </tr>
    <tr>
    <td><img src="images/pudsey_03.gif" alt="Pudsey Bear" height="135" width="89" border="0" /></td>
    </tr>
    </table>

    Guess I can't see the wood for the trees on this one?? I Should know the solution but it's driving me crazy. :confused:
     
    CanaryWoolf, Nov 1, 2005 IP
  2. maro

    maro Peon

    Messages:
    356
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I am using Opera, I can't see anything wrong with the page!
     
    maro, Nov 1, 2005 IP
  3. eduardomaio

    eduardomaio Peon

    Messages:
    450
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Please try this code...

    <table border="0" cellspacing="0" cellpadding="0" align="right">
    <tr>
    <td rowspan="2" width="117" height="173"><img src="images/pudsey_01.gif" alt="Pudsey Bear" height="173" width="117" border="0" /></td>
    <td width="89" height="38"><img src="images/pudsey_02.gif" alt="Pudsey Bear" height="38" width="89" border="0" /></td>
    </tr>
    <tr>
    <td width="89" height="135"><img src="images/pudsey_03.gif" alt="Pudsey Bear" height="135" width="89" border="0" /></td>
    </tr>
    </table>
    Code (markup):
    By the way, get yourself your own forum (phpBB, xmb, vBulletin...), it will look better.
     
    eduardomaio, Nov 1, 2005 IP
  4. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Maro

    I'm using Opera version 8.5 here is what I see [​IMG]

    Works fine in IE
     
    CanaryWoolf, Nov 1, 2005 IP
  5. dave487

    dave487 Peon

    Messages:
    701
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Try putting all the html for this table on one line rather than splitting it up.
     
    dave487, Nov 1, 2005 IP
  6. eduardomaio

    eduardomaio Peon

    Messages:
    450
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #6
    eduardomaio, Nov 2, 2005 IP
  7. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Cheers - I've logged onto opera.com - wicked site!
     
    CanaryWoolf, Nov 2, 2005 IP
  8. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Thanks - still can't fix it. I can't get my own forum at the moment. Bit of a strange situation .... the site is being hosted for free on a Linux Server without full PHP support only cgi works so until I move it I'm stuck with the freebie.

    Cheers
     
    CanaryWoolf, Nov 2, 2005 IP
  9. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Finally got it! - Someone suggested it on the above forum. The solution was to ad style="vertical-align:text-bottom" to the img tags

    Thanks for your help
     
    CanaryWoolf, Nov 3, 2005 IP
  10. eduardomaio

    eduardomaio Peon

    Messages:
    450
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Great! It really looks nice now. There are still some coding issues with Opera, FF and IE in terms of CSS.
     
    eduardomaio, Nov 5, 2005 IP