table shows padding with padding, spacing and boder at 0

[Wenslauw]

A weird thing is going on. I don't understand it. I made a table:

<TABLE border=0 cellpadding=0 cellspacing=0>
<TR>
<TD><A href="something"><IMG src="Welkom.gif" width="51"
height="15"></a></TD>
<TD><A href="something"><IMG src="Laatsterekening.gif" width="99"
height="15"></a></TD>
<TD><A href="something"><IMG src="Voorlaatsterekening.gif" width="123"
height="15"></a></TD>
<TD><A href="something"><IMG src="Lopendekosten.gif" width="94"
height="15"></a></TD>
<TD><A href="something"><IMG src="VoordeelNummers.gif" width="111"
height="15"></a></TD>
<TD><A href="something"><IMG src="Gespreksanalyse.gif" width="102"
height="15"></a></TD>
<TD><A href="something"><IMG src="Help.gif" width="28" height="15"></a></TD>
</TR>
</TABLE>

I replaced the long links with the string 'something' and img src is a lot
longer too. What happens is that the images are still padded. Anybody got
any idea why? Thanks

Marco

[Stephen Poley]

On Tue, 16 Sep 2003 11:35:52 +0200, "Wenslauw"
<h.*********@donotspam.kpn.com> wrote:

A weird thing is going on. I don't understand it. I made a table:

<TABLE border=0 cellpadding=0 cellspacing=0>
<TR>
<TD><A href="something"><IMG src="Welkom.gif" width="51"
height="15"></a></TD>
<TD><A href="something"><IMG src="Laatsterekening.gif" width="99"
height="15"></a></TD>
<TD><A href="something"><IMG src="Voorlaatsterekening.gif" width="123"
height="15"></a></TD>
<TD><A href="something"><IMG src="Lopendekosten.gif" width="94"
height="15"></a></TD>
<TD><A href="something"><IMG src="VoordeelNummers.gif" width="111"
height="15"></a></TD>
<TD><A href="something"><IMG src="Gespreksanalyse.gif" width="102"
height="15"></a></TD>
<TD><A href="something"><IMG src="Help.gif" width="28" height="15"></a></TD>
</TR>
</TABLE>

I replaced the long links with the string 'something' and img src is a lot
longer too. What happens is that the images are still padded. Anybody got
any idea why? Thanks

I'm not sure why you have a problem, but it seems that you've made
things unnecessarily complicated. You could just do:

<DIV>
<A href="something"><IMG src="Welkom.gif" width="51" height="15"></a>
<A href="something"><IMG src="Laatsterekening.gif" width="99"
height="15"></a>
<A href="something"><IMG src="Voorlaatsterekening.gif" width="123"
height="15"></a>
<A href="something"><IMG src="Lopendekosten.gif" width="94"
height="15"></a>
<A href="something"><IMG src="VoordeelNummers.gif" width="111"
height="15"></a>
<A href="something"><IMG src="Gespreksanalyse.gif" width="102"
height="15"></a>
<A href="something"><IMG src="Help.gif" width="28" height="15"></a>
</DIV>

and your problem may well go away. Oh, and do add ALT attributes to your
images to avoid killing the navigation for someone without images.

Musing further: am I right in thinking that your GIFs just contain a
piece of text? (Your width attributes are suggestive.) In that case you
can simplify it still further to:

<A href="something">Welkom</a>
etc

and decorate your links with CSS as you wish.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Brian]

Wenslauw wrote:

<TABLE border=0 cellpadding=0 cellspacing=0>
<TR>
<TD><A href="something"><IMG src="Welkom.gif" width="51"
height="15"></a></TD>
<TD><A href="something"><IMG src="Laatsterekening.gif" width="99"
height="15"></a></TD>
<TD><A href="something"><IMG src="Voorlaatsterekening.gif" width="123"
height="15"></a></TD>
<TD><A href="something"><IMG src="Lopendekosten.gif" width="94"
height="15"></a></TD>
<TD><A href="something"><IMG src="VoordeelNummers.gif" width="111"
height="15"></a></TD>
<TD><A href="something"><IMG src="Gespreksanalyse.gif" width="102"
height="15"></a></TD>
<TD><A href="something"><IMG src="Help.gif" width="28" height="15"></a></TD>
</TR>
</TABLE>

I replaced the long links with the string 'something' and img src is a lot
longer too. What happens is that the images are still padded.
url would be nice; so too would browser(s) tested
Anybody got
any idea why?

Is the space on the bottom? If so, check here:
< http://devedge.netscape.com/viewsource/2002/img-table/ >
--
Brian
follow the directions in my address to email me

[Wenslauw]

Stephen Poley wrote:

I'm not sure why you have a problem, but it seems that you've made
things unnecessarily complicated. You could just do:
I do now. it's the link that makes the line around the image. I set it to
white, so i didn't see it was the link that did it...

<DIV>
<A href="something"><IMG src="Welkom.gif" width="51" height="15"></a>
<A href="something"><IMG src="Laatsterekening.gif" width="99"
height="15"></a>
I had set the padding to zero cos I couldn't get them close enough, but in
the end it's not the idea to have them connected.
and your problem may well go away. Oh, and do add ALT attributes to
your images to avoid killing the navigation for someone without
images.
Good idea, I guess I'll do this for all the images for the next release.
<A href="something">Welkom</a>
and decorate your links with CSS as you wish.

I will look into this. It could be very helpful. Thanks.

Wenslauw

[Wenslauw]

Brian wrote:

Wenslauw wrote:

I replaced the long links with the string 'something' and img src is
a lot longer too. What happens is that the images are still padded.

url would be nice; so too would browser(s) tested

Unfortunately I am behind several firewalls..

Anybody got
any idea why?

Is the space on the bottom? If so, check here:
< http://devedge.netscape.com/viewsource/2002/img-table/ >

Thanks for the link. I will read the article closely.

Wenslauw