Hi all

[dylanphelan]

I'm new to this, so please excuse me if i ask really amateur questions.
I'm doing a site for our shop. I need to clean up the html so that all the images in the catalogue are equally spaced - as IE is showing uneven spacing.
Works fine in mozilla. For reference here an example http://www.africablue-interiors.co.za/accessories.htm

any help would be appreciated

[eleven82]

Hey,
I didn't see too much difference with the two browsers expect in FF the bottom image is overlapping the footer. I would suggest getting rid of the paragraph tags. IE and FF handle the P tags differently. So I would change all the P tags to BR.

[Twey]

I would suggest getting rid of the paragraph tags.

Eh.

IE and FF handle the P tags differently.

Well yes, but IE and Fx handle most things differently. The only difference that should be an issue here is that of default margins and padding, which can be overridden fairly easily:

* {
  margin: 0;
  padding: 0;
}

... and then built back up where necessary.

So I would change all the P tags to BR.

Now this, folks, is a Very Bad Suggestion&#174;. <p> and <br> are semantically very different. <p> denotes a paragraph; <br> denotes a line break within a paragraph or other block-level element, such as for lines in a poem.

[dylanphelan]

Thanks for the replies.
I saw a site that looked similar...so i checked it out.
I removed a whole load of tags...now i have all my code in a nice neat row with a </a> after each line... Then i used margins for the spacing. It seems to work fine in all the browsers. It gave me a problem with the footer, but I've managed to sort that out.