Hey all,
First post here, though I've been writing HTML since I was ten. I've been trying to figure out how to make a div have an image border. As in, I upload a picture (what the heck, I'll attach it below) and make that a border. I couldn't figure out how to do it. Is there any way to do it with a div? If not, a table or paragraph or anything???

Can't be done directly in CSS, well not until client browsers support CSS3 (don't hold your breath).

It can be mimicked though by setting a parent container with the background you want to use then overlaying a child container so the parent background can be seen around the outside of the child

Sounds interesting... so I'd manually edit the background image?

Wouldn't that wreak havoc for bigger or smaller displays?

Originally Posted by andrewmin

so I'd manually edit the background image?

Just define it in the CSS rules.

Originally Posted by andrewmin

Wouldn't that wreak havoc for bigger or smaller displays?

Not necessarily, fixed width layouts take care of themselves and a fluid width layout might need a bit of DHTML to take care of pixel positioning while relative sizing will simply adjust as needed.

Just put one div inside another - give the outer div a background image - and you will effectively have an image border. You can get alot more creative this way.

Just not possible to do with a single div.