Monday, July 16, 2007

Image borders in HTML

There seems to be a bug in Firefox when we try to display images side by side. I wrote a PHP application to show digital pictures to friends and family. I use a group of images setup side by side to simulate a picture frame around my digital picture :
<center><img width='230' height='201' border='0' hspace='5' src='/blog/uploads/meimei_borber_ok.jpg' alt='' /></center>

Firefox does not want to display 2 images side by side without space. This is how my page is displayed with Firefox :


<center><img width='232' height='239' border='0' hspace='5' src='/blog/uploads/meimei_border_nonok.jpg' alt='' /></center>

After looking everywhere on the web, I resigned myself of changing the display. If the browser is not Internet Explorer, I do not display these nice picture frames, I display simple image borders. I found a very good page about setting up borders in CSS : <a href="http://www.mandarindesign.com/boxes.html">click here</a>.

So until I found a fix, I'll be playing with image borders in CSS.