help! Table cells

Discussion in 'HTML' started by Micro, Feb 20, 2004.

  1. Micro

    Micro Guest

    Hello All,

    Why does Netscape 7.1 make a blank space(about 10px) at the bottom of table cells?
    In IE 6 everything is ok, and the pictures stick together.
    How to aliminate this spaces in NS?

    I even used css with margins and padings set to 0px.

    <TABLE cellpadding="0" cellspacing="0">
    <TR><TD><img src="home.gif"></TD></TR>
    <TR><TD><img src="lozanov_main_08.gif"></TD></TR>
    </TABLE>

    Thanks!

    Micro
     
    Micro, Feb 20, 2004
    #1
    1. Advertising

  2. Micro

    Els Guest

    Micro wrote:

    > Hello All,
    >
    > Why does Netscape 7.1 make a blank space(about 10px) at the bottom of table cells?
    > In IE 6 everything is ok, and the pictures stick together.
    > How to aliminate this spaces in NS?
    >
    > I even used css with margins and padings set to 0px.
    >
    > <TABLE cellpadding="0" cellspacing="0">
    > <TR><TD><img src="home.gif"></TD></TR>
    > <TR><TD><img src="lozanov_main_08.gif"></TD></TR>
    > </TABLE>


    Add
    td img {vertical-align:bottom;}
    to your css.


    --
    Els

    Mente humana é como pára-quedas; funciona melhor aberta.
     
    Els, Feb 20, 2004
    #2
    1. Advertising

  3. Micro

    Steve Pugh Guest

    "Micro" <> wrote:

    >Why does Netscape 7.1 make a blank space(about 10px) at the bottom of table cells?
    >In IE 6 everything is ok, and the pictures stick together.
    >How to aliminate this spaces in NS?
    >
    >I even used css with margins and padings set to 0px.
    >
    ><TABLE cellpadding="0" cellspacing="0">
    ><TR><TD><img src="home.gif"></TD></TR>
    ><TR><TD><img src="lozanov_main_08.gif"></TD></TR>
    ></TABLE>


    <img> is an inline element. That means that it sits on the text
    baseline. There is room under the text baseline for the descenders of
    those letters which have them. In Standards mode (which presumably
    your doctype triggers) Mozilla gets this right. In Quirks mode or
    Almost Standards modes it will copy the behaviour of other browsers.

    So either change your doctype to trigger one of the other rendering
    modes, or apply a little bit of CSS:
    td img {display: block;}

    Steve

    --
    "My theories appal you, my heresies outrage you,
    I never answer letters and you don't like my tie." - The Doctor

    Steve Pugh <> <http://steve.pugh.net/>
     
    Steve Pugh, Feb 20, 2004
    #3
  4. Micro

    Sid Ismail Guest

    On Fri, 20 Feb 2004 13:02:52 +0100, "Micro" <> wrote:

    : Hello All,
    :
    : Why does Netscape 7.1 make a blank space(about 10px) at the bottom of table cells?
    : In IE 6 everything is ok, and the pictures stick together.
    : How to aliminate this spaces in NS?
    :
    : I even used css with margins and padings set to 0px.
    :
    : <TABLE cellpadding="0" cellspacing="0">
    : <TR><TD><img src="home.gif"></TD></TR>
    : <TR><TD><img src="lozanov_main_08.gif"></TD></TR>
    : </TABLE>


    Why did you use tables?

    Sid
     
    Sid Ismail, Feb 20, 2004
    #4
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Replies:
    0
    Views:
    559
  2. bbxrider
    Replies:
    0
    Views:
    617
    bbxrider
    Jul 14, 2003
  3. =?Utf-8?B?ZGF2aWQ=?=

    How to move radio buttons into table cells?Help!

    =?Utf-8?B?ZGF2aWQ=?=, Apr 27, 2006, in forum: ASP .Net
    Replies:
    7
    Views:
    547
    =?Utf-8?B?ZGF2aWQ=?=
    Apr 27, 2006
  4. UJ
    Replies:
    8
    Views:
    61,919
  5. Joel Finkel

    Cells[].Text or Cells[].Controls[0]

    Joel Finkel, Sep 1, 2003, in forum: ASP .Net Datagrid Control
    Replies:
    0
    Views:
    342
    Joel Finkel
    Sep 1, 2003
Loading...

Share This Page