Forum Moderators: open
Can anyone tell me why this is happening?
The image is contained in a cell of an embedded table, with similar code used for some other images that display perfectly first time...
td.deetsicon {width:24px; height:30px; border:none; padding:0px; margin:0px; background-image:none; background-color:transparent; }
img {border:none; padding:0px; margin:0px; width:24px; height:30px; }
<tr>
<td class="deetsicon"><img src="contact/mail_icon.jpg"></td>
<td class="deetsinfo"><a href="mailto:blue@example.com"><span style="position:relative; top:3px;">blue@example.com</span></a></td>
</tr>
Thanks!
[edited by: eelixduppy at 11:22 pm (utc) on Dec. 16, 2008]
[edit reason] exemplified [/edit]
and setting your image path to use absolute, i.e. http://www.example.com/contact/image.gif
[edited by: tedster at 5:55 pm (utc) on Dec. 18, 2008]
[edit reason] switch to example.com - it can never be owned [/edit]
still need to sort it out, haven't had the time to get to it, but will give feedback once I've done it...
I have a simple image (mail_icon.jpg) in one of my pages that does not show in IE when the page first loads. When I refresh the page then the image shows.
Put the icon in a page all by itself without your CSS or tables. I will bet one page refresh it's going to be fine. :-) If it is, it's got nothing to do with the image or transparency in your selectors.
The symptoms you describe are typical of the IE "peekaboo" bug or one of it's variants, that were supposed to be eliminated in IE 7 but are still alive and well. Remove that relative positioning style, try again; look over your code for floated elements (the most common culprit) that may be triggering the problem.
Aside from that you'll need to strip out code in a test file, one element at a time, until you find the offending element.
