Comments thumbnail doesn't show in IE

[owen-b]

Hi,

I've just noticed that when using IE (not that I ever do, but someone might!), the thumbnail doesn't appear in the comments popup. http://www.myglasseye.net

Could someone have a look at the source code and let me know what it is I've done that IE doesn't like?

many many thanks!

Owen

if you use any validator you can find the solution very fast!

<span style="float: right;" class="comment-thumbnail"<img src='thumbnails/thumb_20060830004403_myglasseye 266.jpg' alt='putney by night' title='putney by night' width='100' height='100' /></span>

close the SPAN before you open IMG!

[owen-b]

Ah - thanks Connie. I'm relatively new to hacking code around, and I don't know what 'validators' are - something on the web that checks your code and points out problems? Could you suggest one for a Mac?

Also, how come this doesn't seem to pose a problem in Firefox but it does in IE?

Many thanks!
Owen

here are some infos:

http://wiki.pixelpost.org/index.php?...te_template%3F

validating means that your website is checked for standard conformity and valid HTML or CSS code
so you will find about errors in your template

you can use the webdevelopers tools as well, described here:

http://wiki.pixelpost.org/index.php?...at_are_they%3F

Also, how come this doesn't seem to pose a problem in Firefox but it does in IE?

some browsers are more tolerant than others, mostly IE accepts more errors but that is not a plus ;=(
IE is a bunch of "sh.." because of nonstandard etc.

[owen-b]

Hi Connie,

Turns out that wasn't the solution - if I move the span to before the image input, I don't get the effect I want. What I'm looking for is to have the thumbnail embedded in the right hand side of the info box, and have the info wrap around it - if you take a look at my comments popup in Firefox you'll see what I mean. I think what I've done is a bit of a bodge, as I don't have any div set up for the thumbnail position. Here's the code I'm currently using - any suggestions?

<div id="comment-info">
<span style="float: right;" class="comment-thumbnail"<IMAGE_THUMBNAIL_NO_LINK></span><IMAGE_NOTES>
</div>