[thelist] Image in a pad

Maximillian Schwanekamp anaxamaxan at neptunewebworks.com
Mon Jun 14 12:33:39 CDT 2004

I want to put a image in a box so that there is a 1 px
white space around the image, the box itself has a
solid thin black border.

To visualize what I am talking about, I have the
following HTML/CSS upto now.
<HEAD> <snip />

You don't even need that much markup.  Try:

img.imgpad {
border: 1px solid black;
padding: 3px 1px;

<img src="birthday-1.jpg" height="123" width="456" class="imgpad" />

If you're still having trouble, try setting a DOCTYPE[0] to ensure proper
CSS rendering in modern browsers.

[0] http://www.alistapart.com/articles/doctype/

Maximillian Von Schwanekamp
Dynamic Websites and E-Commerce
voice: 541-302-1438
fax: 208-730-6504

More information about the thelist mailing list