Div with image, image with text on it - Site Owners Forums

rakesvyas44 · 01-22-2015, 03:29 AM

So pleased to find a forum with such long-term posters for help! Thanks in advance!

Probably very simple solution, but would really appreciate an explanation of how to create a page with the following:

I have a background image loaded fine for the body.
Next, I have a logo at the top - I made a div for that.
Next, and this is the trouble area ... I want to load an image and put text on the image. The image needs to be centered and the text needs to be in a particular position on the image.

After that, I have two more divs that are different colors and they will have text on them. Once of the divs will have three columns. Would love help with that part too.

So in summary, two questions:
1. how to put text on an image that is layered itself over another background image
2. how to put three divs within a new div layered on a background image, so that they create three columns.

ramonsalladesig · 01-22-2015, 09:31 PM

For you first question, you can create a simple div and use background-image cascade style sheet attribute for this div, for example:

ramonsalladesig · 01-22-2015, 09:32 PM

this is the way you can solve the first problem

For the second question, you can do this by creating a div, then putting three divs inside it, then making the insider div all float to right or left:

ramonsalladesig · 01-22-2015, 09:33 PM

sorry couldn't put the code here, text editor didn't allow me!

01-22-2015, 03:29 AM	#1
rakesvyas44 Registered User Join Date: Dec 2014 Posts: 12	Div with image, image with text on it So pleased to find a forum with such long-term posters for help! Thanks in advance! Probably very simple solution, but would really appreciate an explanation of how to create a page with the following: I have a background image loaded fine for the body. Next, I have a logo at the top - I made a div for that. Next, and this is the trouble area ... I want to load an image and put text on the image. The image needs to be centered and the text needs to be in a particular position on the image. After that, I have two more divs that are different colors and they will have text on them. Once of the divs will have three columns. Would love help with that part too. So in summary, two questions: 1. how to put text on an image that is layered itself over another background image 2. how to put three divs within a new div layered on a background image, so that they create three columns. __________________ Attorney Jobs \| In House Counsel Jobs

01-22-2015, 09:31 PM	#2
ramonsalladesig Registered User Join Date: Aug 2014 Posts: 16	For you first question, you can create a simple div and use background-image cascade style sheet attribute for this div, for example: __________________ تبدیل psd به html convert psd to html

01-22-2015, 09:32 PM	#3
ramonsalladesig Registered User Join Date: Aug 2014 Posts: 16	this is the way you can solve the first problem For the second question, you can do this by creating a div, then putting three divs inside it, then making the insider div all float to right or left: __________________ تبدیل psd به html convert psd to html

01-22-2015, 09:33 PM	#4
ramonsalladesig Registered User Join Date: Aug 2014 Posts: 16	sorry couldn't put the code here, text editor didn't allow me! __________________ تبدیل psd به html convert psd to html

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
image or text dynamics	giulio_74	Flash Design	1	04-06-2014 11:13 PM
Google Image Optimization	alina albert	Search Engine Optimization	4	01-22-2013 01:42 AM
an image for a link, without any text?	cioafua	Programming General	3	06-01-2012 02:51 AM
Aligning Image and Text	mjvndhsb	HTML / DHTML	3	03-29-2012 10:23 AM
Double Rollover using Text and Image	wryfhk22	Javascript	0	09-22-2011 02:42 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)