Image problem

  Ade_1 19:05 26 Jul 06
Locked

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
Aidan

  Ade_1 19:10 26 Jul 06

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 06

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 06

Noted. Well worth knowing.

  Ade_1 11:41 27 Jul 06

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

  slightlymad 12:00 27 Jul 06

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

p {
margin: 0;
padding: 0;
}

or:

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

  slightlymad 12:02 27 Jul 06

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.

Nintendo Switch review: Hands-on with the intuitive modular console and its disappointing games…

1995-2015: How technology has changed the world in 20 years

Method Studios' title sequence for BBC series Taboo is truly unsettling

Best Pages for iOS tips | How to use Pages for iPad & iPhone: 6 simple tips to get more out of…