Text on Image background

[vikesh]

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]

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

 

[PixelPusher]

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:

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

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]

thank you

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

 

[PixelPusher]

Excellent, good to hear and your welcome.