Hi SaraGates,
Nice one. You got there at last - hence my signature - 'Endeavour to Persevere'. Glad it's ok and that your friends are too ( I looked at the guest book, ha ha )!
However, oh no she says, there are a couple of things you can do now that you've got a grasp of things. Firstly, there is is </div> missing at the bottom just before the </body>. Other than that all is ok.
Now, if you want to play a bit further with the CSS try this. I've put in a bit more control of your text for you and a border that can be turned on or off
and tidied up the overall code.
Also the text can be set to left, right or justify. It just looks a bit nicer I feel.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/JavaScript">
statuss();
function statuss()
{
window.status = "Gareth Paul Gates <3";
setTimeout("statuss()", 1);
}
</script>
<title>Your time has come to shine...</title>
<style type="text/css">
b{color:#006633 ; font-family:Verdana; font-size:10pt;}
i{color:pink; font-family:Verdana; font-size:11px;}
u{{color:blue; font-family:Verdana; font-size:7.5pt;}
.header {
background-color: #B8AA74;
border: 0px solid #000000;
font-family: Verdana;
font: bold 9pt Arial, sans-serif;
color: #003300;
padding: 2px;
text-align:center}
body {background-image: url("http://i11.photobucket.com/albums/a167/Sara92/backg.jpg");}
img.sara_img {position:absolute; top:0px; left:0px;}
div.sara_text {position:absolute; top:550px; left:150px;font-family:Comic Sans MS;
font-size: 14px;font-weight: bold;color:#003300;text-align:center;
border-style: ridge;border-width: 10px}
</style>
</head>
<body>
<img class="sara_img" src="http://i11.photobucket.com/albums/a167/Sara92/temp_lay.jpg" alt="" border="0">
<div class="sara_text">
<div class="header">14/01/07</div>
<br>
Hello guys!
<br>
The site is finally back!
<br>
I'll try and update it as often as I can :)
<br>
Don't forget to sign the <font size="0"><a href="http://www.contact.cybertools.se/guestbook.asp?id=17469" target=_blank>guestbook</a> </font>.
<br>
Thank you.
<br>
And, there's a new picture and message on Gareth's <font size="0"><a href="http://www.garethgates.com" target=_blank>site</a> </font>.
<br>
<br>
- Sara
</div>
<script type="text/javascript" src="/i.js">
<!--
//-->
</script>
</div>
</body>
</html>
In the new div.sara_text;
div.sara_text {position:absolute; top:550px; left:150px;font-family:Comic Sans MS;
font-size: 14px;font-weight: bold;color:#003300;text-align:center;
border-style: ridge;border-width: 10px}
just change the 'border-width: 10px' to 0px to turn it off.
Change the 'text-align:center' to 'text-align:left' to make the text as you had it.
Note the new line in the .header to align the date to center cos you don't need the <center> stuff anymore when using CSS.
But you don't have to bother with the above. Just thought it might help.
Well good luck with your efforts.
Regards,
Ges.