PDA

View Full Version : Html Help +rep


mousey
28-12-2007, 04:13 PM
I'm using dreamweaver 8 (ive broken cs3 mucking about with some .dll's and carnt be bothered to fix it)

and i was wondering how would i place text over my layout as when ever i do it moves it. Idiotic i know.

also which is eaiser / better Coding each page indervidually or Making a template...

or ill hire a coder... offering.... 150 (height pixel) by (600 width pixel) banner at thr bottom of the website..
thanks

mousey
--ss--
28-12-2007, 04:17 PM
Just use a basic div and position it:
<div id class="position:absolute; top:123px; left:123px;">Writing</div>
Change the 123px to the correct amount :P
mousey
28-12-2007, 04:26 PM
ill see if it work's thanks :p

so i inset my layout (split or unsplit)

then add that exact text where i need text

then image shouldnt move?
MrCraig
28-12-2007, 04:34 PM
you need to set the image as a background though :S?
--ss--
28-12-2007, 04:45 PM
Just type that code anyway in between the <body and </body> tags , it'll create a 'layer' on top of all the other code and the typing will above the layout so none of the images should move , You can add height/width varible to the code to make it suite your layout better ;)

ill see if it work's thanks :p

so i inset my layout (split or unsplit)

then add that exact text where i need text

then image shouldnt move?
mousey
28-12-2007, 04:52 PM
I have a background and the layout would this stil work?
Robbie
28-12-2007, 05:47 PM
Yes, the div will just go over the top/
mousey
28-12-2007, 06:07 PM
Ok im stuck,, i have no idea what to do ive done the background added my layout ontop

but the DIV dosnt seem to be doing anything :s


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<div id class="position:absolute; top:380px; left:490px;"></div>
<style type="text/css">
<!--
body {
background-image: url(file:///C|/Users/Graphic/Documents/Viperbanners/Layout%20and%20splash%20page/stripe_70a39f99396c62aef3569c48e16ef655.png);
}
-->
</style></head>
<body>
<div align="center"><img src="file:///C|/Users/Graphic/Documents/Viperbanners/Layout and splash page/Layout copy.png" width="750" height="650" align=</div>
</div>
</body>
</html>



what i have..
MrCraig
28-12-2007, 07:30 PM
Try...



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<div id class="position:absolute; top:380px; left:490px;"></div>
<style type="text/css">
<!--
body {
background-image: url(file:///C|/Users/Graphic/Documents/V...48e16ef655.png);
}
-->
</style></head>
<body>
<div background="file:///C|/Users/Graphic/Documents/Viperbanners/Layout and splash page/Layout copy.png">What text you want over the top of image in here</div>
</body>
</html>
php.net
28-12-2007, 07:50 PM
position:absoloute = tisk tisk!
MrCraig
28-12-2007, 08:15 PM
LOL@Above.

I was just copying wat he had and fixing it :)

Why is there a div in the head section though :S

Want to hide these adverts? Register an account for free!