Text on Image background

vikesh · 11-14-2011, 05:11 PM

Hi,
I am using dreamweaver to create a web page,the background is a Complete image. Well I am trying to Insert text on the image. I am able to do that with no issues using Ap Div Tag,the problem ias that the text doesn't stay where I position it..It changes from computers-to-computers...is there any way I can Insert the text on the image and make it look the same across all computer screens...Any kind of help from you experts...
Thanks in advance

Phreaddee · 11-14-2011, 09:09 PM

dont use ap divs...
only ever use positioning if or when you understand it.

PixelPusher · 11-14-2011, 10:02 PM

You are having issues because the ap elements are positioned to the html element. The html element is not a constant size, it is relative to the size of the browser window hence the issue with elements moving/appearing in different places on different computers.

My suggestion to you (without having seen the page in question) is to use a container element. Set the container to relative position and define its size. By doing this all the children elements will be positioned to the container (now a constant) instead of the html element (browser window dimension).

So roughly you are looking at something like this:

HTML Code:

<div class="container">
  <a href="#">Anchor/Link</a>
  <p>Some paragraph text, blah, blah</p>
</div>

Code:

div.container {
position:relative;
width:960px;
margin:0 auto;
}
div.container a, div.container p {
position:absolute;
}
div.container a {
top:[value];
left:[value];
}
div.container p {
top:[value];
left:[value];
}

vikesh · 11-20-2011, 09:29 PM

Sorry I am replying late really sorry for that...this worked out for me thanks Pixelpusher...u made it easy

PixelPusher · 11-22-2011, 06:57 PM

Excellent, good to hear and your welcome.

11-14-2011, 05:11 PM	#1
vikesh New Member Join Date: Nov 2011 Posts: 3	Text on Image background Hi, I am using dreamweaver to create a web page,the background is a Complete image. Well I am trying to Insert text on the image. I am able to do that with no issues using Ap Div Tag,the problem ias that the text doesn't stay where I position it..It changes from computers-to-computers...is there any way I can Insert the text on the image and make it look the same across all computer screens...Any kind of help from you experts... Thanks in advance

11-14-2011, 09:09 PM	#2
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,135	dont use ap divs... only ever use positioning if or when you understand it. ronaldroe likes this. __________________ if (headhurts == "possibly") { alert ("keep going!"); } else if (headhurts == "yes") { alert ("go to sleep"); } else if (headhurts == "damn !@#$ mofo scripts...") { alert ("give up and have a beer!"); } else { alert ("watch TV"); }

11-14-2011, 10:02 PM	#3
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	You are having issues because the ap elements are positioned to the html element. The html element is not a constant size, it is relative to the size of the browser window hence the issue with elements moving/appearing in different places on different computers. My suggestion to you (without having seen the page in question) is to use a container element. Set the container to relative position and define its size. By doing this all the children elements will be positioned to the container (now a constant) instead of the html element (browser window dimension). So roughly you are looking at something like this: HTML Code: <div class="container"> <a href="#">Anchor/Link</a> <p>Some paragraph text, blah, blah</p> </div> Code: div.container { position:relative; width:960px; margin:0 auto; } div.container a, div.container p { position:absolute; } div.container a { top:[value]; left:[value]; } div.container p { top:[value]; left:[value]; } __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

11-20-2011, 09:29 PM	#4
vikesh New Member Join Date: Nov 2011 Posts: 3	thank you Sorry I am replying late really sorry for that...this worked out for me thanks Pixelpusher...u made it easy

11-22-2011, 06:57 PM	#5
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	Excellent, good to hear and your welcome. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

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