Moving Text

Hi i'm new to web design and am using Dreamweaver 8.

In Dreamweaver when i use an image as a background and want to add text over the image, i simply create a layer and add text.

BUT the problem i get is when i view it in any web browser, the text moves around the page.

Can anyone tell me what i'm doing wrong ?

I've never been successful using layers in Dreamweaver. I think you have to position every layer absolute.

You are better off learning xhtml/css and hand coding the site yourself.
If you are using tables... which you shouldn't be , you make the photo the background of the table cell and add text in the table cell.

Code: Select all

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td background="back_dots.jpg">Text goes here. </td>
  </tr>
</table>

For xhtml the html code would look like this

Code: Select all

<div id="textarea"><p>Your text goes here</p></div>

css would look like

Code: Select all

#textarea {	
	width: 700px;
	height: 300px;
	background: url(image.gif) repeat 0px 0px;
	}

Hi,

Thanks for the codes, but the text still moves !

You need to stop using layers. That's not an option. There are many resources in the stickies in the beginner's forum. I would suggest that you handcode. It's sweet!

CSS link

Moojoo's CSS Layouts