Adding an image border around a <div>

[timothyb89]

I'm just wondering if anybody has an idea as to how I can go about adding a border of images around a <div> tag?

I'm trying to customize a Joomla install and giving the two main sections- the menu and the main area- a face lift with some graphics from a local window manager theme.

BTW- I have 8 images, one for each corner and one for the space in between.

Thanks!

 

[sloojoe]

show us what the images are

 

[timothyb89]

I put all of the images in a zip here.

Thanks for the reply!

 

[alloydog]

In most cases I have seen, the images are placed in divs around the main one, much as in the same fashion of using a table.

Alternately, if you have a fixed sized div, you use a single (albeit large) image with the border on, as the background.

Find some sites you like the look of and look at the source code to see how they do it.

 

[web67]

use border-right: img src
and so on