Forums / Templates, Stylesheets, Page Layout / How to add image to page with text over it

How to add image to page with text over it

Locked

Started by immersive on 18 Jan 2007, 12:15 AM · Views: 1,127

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
18 Jan 2007, 12:15 AM
#1
immersive avatar

immersive

New Zenner

Join Date:
Oct 2006
Location:
Alaska
Posts:
48
Plugin Contributions:
0

How to add image to page with text over it

I made my own custom about us page. I'd like to add an image and have text over top of it. I can't seem to figure out how to make it line up properly. I'm trying to get it in the center column. I tried a div absolute position and it didn't seem to center on the page. Check out the attached image below to see what I'd like. Anyone know how to get this to happen?:down:

Attachment #1261

18 Jan 2007, 12:38 AM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: How to add image to page with text over it

Give the block of text a <div class = "smallBox">, and in your stylesheet style the class:

.smallbox {
   width: 150px;
   height: 250px;
   background-image: url(../images/yourimage.gif);
   etc: etc;
   }