[RESOLVED] Two images separated by <br />

[captainscall]

I want two images to render as touching DIRECTLY with no space using <br />.

Firefox and all the other good browsers do it fine. I'm having trouble with IE.

IE!! Gah.

Anywho, I've tried:

img {
padding: 0px;
margin: 0px;
}

in my IE stylesheet. Doesn't work.

Thanks for help in advance

[tracknut]

Do you have a link to the site, so we can see the problem?

Dave

[payukim]

Sometimes i get weird about IE as well, all Chrome and Firefox work well but IE.

You have to give some sample of code or give the link to the page, or we don't know how the symptom it is.

[Major Payne]

I want two images to render as touching DIRECTLY with no space using <br />.

Firefox and all the other good browsers do it fine. I'm having trouble with IE.

IE!! Gah.

Anywho, I've tried:

img {
padding: 0px;
margin: 0px;
}

in my IE stylesheet. Doesn't work.

Thanks for help in advance

I take it that using <br /> you want the images touching vertically without any space. A lot also depends on whether you have whitespace in your html file.

Try putting this at the very beginning of your CSS:

* { margin: 0; padding: 0; border: 0; }

Delete your

img {
padding: 0px;
margin: 0px;
}

in your CSS file.

Or, you could use Meyer's Reset CSS.

Would like to know how your HTML file is laid out and how much excessive whitespace is in it.

[captainscall]

Hello all, thanks for the responses.

I figure the error was occurring because the first image actually rendered from a 3rd party Javascript code which I have no control over, It's just a page view counter script.

e.g.

<script type="javascript" src="somefile.js?img=9>blahblahblahblah</script>
<br />
<img blah blah />

No white space.
I don't care enough to try the CSS fix.. I'm just getting rid of that tasteless page counter and using my own analytics..

Thanks again.