Image problem

  Ade_1 19:05 26 Jul 2006

Hi, I am creating a site in Dreamweaver, and I had just inserted 2 of my images however, these 2 images are supposed to be close together so you cant tell that they are 2 different images. But when you see in the screenshot they are seperated for some unknown reason. I have Cell Padding, Cell Spacing and border set to 0. It does this in IE and FF. Is there anyway of getting round it?

You can see my problem here - click here

Thanks in advance

  Ade_1 19:10 26 Jul 2006

It now appears that it works fine in IE, you can see this here - click here
However in FF it doesnt, is there anyway of getting around it...

  slightlymad 21:21 26 Jul 2006

Remove the <p> tags from this line of code:

<td><p><img src="images/banner_overhang.jpg" width="300" height="126" align="right" /></p></td>

Firefox applies its own padding to paragraph and heading tags.

  ade.h 21:40 26 Jul 2006

Noted. Well worth knowing.

  Ade_1 11:41 27 Jul 2006

Thanks very much. I have to agree with ade.h , definately well worth knowing :)

  slightlymad 12:00 27 Jul 2006

You could always create style or a div to override FF's style sheet, e.g:

p {
margin: 0;
padding: 0;


Incidentally, it's actually the margin, not the padding, that creates the unwanted gap.

  slightlymad 12:02 27 Jul 2006

Sorry, was thinking about a div, changed my mind, and clicked submit without deleting properly.

I think you get my drift, anyway.

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

WPA2 hack: How secure is your Wi-Fi?

Add Depth Of Field to a photo using Tilt Shift Blur in Photoshop

iPhone tips & tricks

Comment afficher des fichiers cachés sur Mac ?