Adding an image border around a <div>

timothyb89 · 09-09-2007, 10:19 PM

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 · 09-10-2007, 09:22 AM

show us what the images are

timothyb89 · 09-11-2007, 02:19 AM

I put all of the images in a zip here.

Thanks for the reply!

alloydog · 09-12-2007, 03:38 AM

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 · 04-16-2008, 02:02 AM

use border-right: img src
and so on

09-09-2007, 10:19 PM	#1 (permalink)
timothyb89 Bronze Member Join Date: Jun 2006 Posts: 26	Adding an image border around a <div> 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! __________________ My Site: http://timothyb89.homelinux.org/

09-11-2007, 02:19 AM	#3 (permalink)
timothyb89 Bronze Member Join Date: Jun 2006 Posts: 26	I put all of the images in a zip here. Thanks for the reply! __________________ My Site: http://timothyb89.homelinux.org/

09-12-2007, 03:38 AM	#4 (permalink)
alloydog New Member Join Date: Aug 2007 Posts: 20	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. __________________ Alloydog \| 44th Regiment of Foot \| Satan's Kittens

04-16-2008, 02:02 AM	#5 (permalink)
web67 Silver Member Join Date: Mar 2008 Posts: 125	use border-right: img src and so on __________________ Keep Up to date about everthing Website Flipping Find out how to save thousands on your Mortgage Broker fees. Last edited by web67; 04-16-2008 at 02:55 AM.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

09-10-2007, 09:22 AM	#2 (permalink)
sloojoe New Member Join Date: Jan 2007 Location: pgh, pa Posts: 18	show us what the images are