tables and images, in IE (ok in firefox)

tables and images, in IE (ok in firefox)

am 21.11.2007 09:36:48 von jodleren

hi all!

I have this






 a



 b


Problem: IE gives a small pixel distance between the rows. Firefox
does not.
I have another file, which works in IE. But I cannot tell the
difference, except it consists of 3 td's, and their width's are set.

What is the secret?

Re: tables and images, in IE (ok in firefox)

am 21.11.2007 16:23:46 von Richard

On Wed, 21 Nov 2007 00:36:48 -0800 (PST), jodleren wrote:

> hi all!
>
> I have this
>
>


>
>

>
>
>  a
>

>
>
>  b
>

>
> Problem: IE gives a small pixel distance between the rows. Firefox
> does not.
> I have another file, which works in IE. But I cannot tell the
> difference, except it consists of 3 td's, and their width's are set.
>
> What is the secret?

In css, use margin:0
I believe IE uses a default of 1.
you should also use quotes around numbers.
cellpadding="0".
without quotes it may be overlooked as being faulty.

Then why are you placing images inside a table anyway? They should be in a
division which would make coding simpler.

image1.gif

use css to define the peramiters.

Re: tables and images, in IE (ok in firefox)

am 21.11.2007 18:21:18 von lws4art

richard wrote:
> On Wed, 21 Nov 2007 00:36:48 -0800 (PST), jodleren wrote:
>
>> hi all!
>>
>> I have this
>>
>>


>>
>>

>>
>>
>>  a
>>

>>
>>
>>  b
>>

>>
>> Problem: IE gives a small pixel distance between the rows. Firefox
>> does not.
>> I have another file, which works in IE. But I cannot tell the
>> difference, except it consists of 3 td's, and their width's are set.
>>
>> What is the secret?
>
> In css, use margin:0
> I believe IE uses a default of 1.

Applied to what? Images, no. Images are inline by default so margins are
no applicable. I would think the problem would be more likely to happen
in Firefox not IE because improperly does not incorporate glyph ascender
and descender dimensions when determining line-height so since images
are inline Firefox added this space and hence the space above and below
images. You can add "display: block" on your images but you will have to
deal with the two images side-by-side.

We really do not have enough info to help, need the actually URL to the
page.

> you should also use quotes around numbers.
> cellpadding="0".
> without quotes it may be overlooked as being faulty.

We again depends. Need URL to see. If HTML attribute values without
embedded spaces do no need to be quoted, but it is good practice to do so.

>
> Then why are you placing images inside a table anyway? They should be in a
> division which would make coding simpler.
>
>
image1.gif

> use css to define the peramiters.

Agree. Most likely OP knows no other way.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: tables and images, in IE (ok in firefox)

am 21.11.2007 22:09:12 von dorayme

In article ,
richard wrote:

> Then why are you placing images inside a table anyway? They should be in a
> division which would make coding simpler.

You mean no matter what the op's reason for having an image in a
table?

--
dorayme

Re: tables and images, in IE (ok in firefox)

am 22.11.2007 14:54:55 von jodleren

On Nov 21, 10:36 am, jodleren wrote:
> hi all!
>
> I have this
>
>


>
>

>
>
>  a
>

>
>
>  b
>

>
> Problem: IE gives a small pixel distance between the rows. Firefox
> does not.
> I have another file, which works in IE. But I cannot tell the
> difference, except it consists of 3 td's, and their width's are set.
>
> What is the secret?

I found that

was missing, this works (illustration): valign="top">

valign="top">

as for DIV or CSS, I dont know much about it. For testing the code
here, one could simply create some graphic files, say 20x20 pixels in
3 different colours, and one can see the "problem".

WBR
Sonnich

Re: tables and images, in IE (ok in firefox)

am 22.11.2007 15:32:29 von lws4art

jodleren wrote:
> On Nov 21, 10:36 am, jodleren wrote:
>> hi all!
>>
>> I have this
>>
>>


>>
>>

>>
>>
>>  a
>>

>>
>>
>>  b
>>

>>
>> Problem: IE gives a small pixel distance between the rows. Firefox
>> does not.
>> I have another file, which works in IE. But I cannot tell the
>> difference, except it consists of 3 td's, and their width's are set.
>>
>> What is the secret?
>
> I found that

was missing, this works (illustration): > valign="top">

> valign="top">

Not sure how that is going to help you.

>
> as for DIV or CSS, I dont know much about it. For testing the code
> here, one could simply create some graphic files, say 20x20 pixels in
> 3 different colours, and one can see the "problem".

You do realize you are going to get a gap if the user enlarges the font
and the text cell expand the row taller than your graphic?

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: tables and images, in IE (ok in firefox)

am 22.11.2007 19:34:50 von Bone Ur

Well bust mah britches and call me cheeky, on Thu, 22 Nov 2007 13:54:55 GMT
jodleren scribed:

> On Nov 21, 10:36 am, jodleren wrote:
>> hi all!
>>
>> I have this
>>
>>


>>
>>

>>
>>
>>  a
>>

>>
>>
>>  b
>>

>>
>> Problem: IE gives a small pixel distance between the rows. Firefox
>> does not.
>> I have another file, which works in IE. But I cannot tell the
>> difference, except it consists of 3 td's, and their width's are set.
>>
>> What is the secret?
>
> < snip >
> as for DIV or CSS, I dont know much about it. For testing the code
> here, one could simply create some graphic files, say 20x20 pixels in
> 3 different colours, and one can see the "problem".

Sure. Send me a check for $450.00. As soon as that arrives, I'll get
right on it.

--
Bone Ur
Cavemen have formidable pheromones.