Forum Moderators: not2easy

Message Too Old, No Replies

Weird white line on photo bug

Suspect it could be caused by some CSS?

         

Wi11

7:35 pm on Mar 14, 2006 (gmt 0)

10+ Year Member



I'm getting white lines appear horizontally on some of the photos on my website. Upon refreshing the page the white lines dissapear.

The browser is Internet Explorer 6 and others have reported the same happening.

I also wondered if it might be some dodgy network or server configuration issue.

Has anyone else ever come accross this?

SuzyUK

11:27 am on Mar 15, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



not to sure but if it's actual <img> elements with wdith and height set inline then it could be a graphics card issue ~ unless you are seeing this on other machines too?

or.. are the images sized in ems? if so there could be some rounding issues

can you narrow the code down to a small example and post it if neither of the above are factors..

Suzy

Wi11

12:34 pm on Mar 15, 2006 (gmt 0)

10+ Year Member



It's appearing on several different client's machines. Thank you for suggesting pasting some code, I should have thought of this.

HTML


<table>
<tr>
<td style="text-align: right; vertical-align:middle; width: 200px;"></td>
<td><div align="center" class="imglarge"><img src="URL/filename.jpg" alt="alt text" /></div><div class="imglargeinfo" style="width: 380px;">Image description here.</div></td>
<td style="text-align: left; vertical-align:middle; width: 200px;"><a href="NextPhotoURL" style="font-size: 20px;">&gt;&gt;</a></td>
</tr>
</table>

CSS (imglarge)


.imglarge img {
margin: 10px;
padding: 5px;
border: 1px solid #E8E5E5;
background: #F4F1F1;
}

I realise some of this could be done better, but don't see anything wrong in it.

I have made one revision before pasting the above and that is removing the white space between the <td>'s and <img> tags as I read sometimes IE reads white space as line breaks or something. Have yet to hear if that helps the problem. Unfortunately it is only happening on client's PCs (IE 6), I can't get it to happen on my IE 6.