PDA

View Full Version : Text over images


Eliteoomph
12-23-2010, 03:14 PM
Thanks to Corrosive I know now how to make a background image and put text over the image however, I have a new problem now.

I need to position text in a few different places in one image... Here is an example of what I am trying to do. http://montgomerydentist.com/images/HomeContent.jpg


Is there a way to do this or should I just split up the image and do it that way?

Corrosive
12-23-2010, 04:46 PM
Hi mate. I don't see the text over any images there. Can you elaborate please?

Eliteoomph
12-23-2010, 04:53 PM
sure... The text isn't over the images here.. this is just an image of how I would like for it to look. I was wondering how to achieve this with text in so many locations on one image... Would it be best to slice the image in photoshop and do it that way?

Corrosive
12-23-2010, 04:57 PM
Nah, you don't want to do that with one image. It won't expand if you increase text size etc. That looks like a classic two column layout to me. Give me five mins and I'll show you...

Corrosive
12-23-2010, 05:24 PM
Here you go mate; http://corrosiveonline.co.uk/_projects/eliteooomph/div-guide.html It is my goal to get you to think like a coder sooner or later!

Eliteoomph
12-23-2010, 05:26 PM
You shall be my mentor! I will amaze you "one" day! ;o)

Eliteoomph
12-23-2010, 05:27 PM
Thanks man that is AWESOME! I am going to get to work!

Eliteoomph
12-23-2010, 05:31 PM
How can I insert the border that I currently have around all that content?

Corrosive
12-23-2010, 05:35 PM
The rounded corners you mean?

Corrosive
12-23-2010, 05:36 PM
You shall be my mentor! I will amaze you "one" day! ;o)

I will keep you to that :wink:

Eliteoomph
12-23-2010, 06:06 PM
yes the rounded corners
http://www.montgomerydentist.com (http://www.montgomerydentist.com/)
this is how it look right now

Corrosive
12-23-2010, 06:11 PM
Well, this is where you need to start thinking laterally. What do you think you could do with your knowledge of divs and background images?

Eliteoomph
12-23-2010, 06:36 PM
Delete all the content except for the border and use that image as a background image?

Corrosive
12-23-2010, 06:58 PM
I think you might be getting the idea ;)