Ok, this is a bit complicated but I'll try and explain it as easily as I can.
I have been using for a few months now a standard layout. It's one I created from bits and pieces and each time I want a new layout, I just fiddle with the current code and there's never any trouble. It's basically so I don't have to do much as I'm not so great at coding.
However, I have just created a layout and for some reason it's completely messed up and I have tried all sorts of things to get it right. I have checked and re-checked the coding and I can't understand what is causing the problem.
Here is what it currently looks like:
http://pavedwithstars.skyward-thoughts.com/newyork.php
I know I can make the text more central, but for some reason I can even move the header position by changing the content position (may be normal but I have never had that happen before..except the last time I had this same problem and I just scrapped the layout). However, even if I do try and get the text central, the background (grey) and text background (pink) are completely out of lign.
So, in short I don't know what to do. I had hoped to update before I go away on Friday, so if anyone here can help me, I would really appreciate it.
I don't know what information you might need but here is my top image:
http://img683.imageshack.us/img683/7804/nytopimage1.png
Here is my background:
http://img697.imageshack.us/img697/8378/nybg1.png
My homepage code:
<html>
<head >
<title>New York... New York... Paved With Stars</title>
<link href="nstyle.css" rel="stylesheet" type="text/css">
</head>
<body marginleft=0 margintop=0>
<img src="http://img683.imageshack.us/img683/7804/nytopimage1.png">
<div id=side>
<span id=navbar></span>
<center><span id="sidehead">Welcome!</span></center>
...................................................
Hello and thank you for visiting <i>Paved With Stars</i>, my graphics and resources site. Here you will find many things, free for you to use. So take a look around and enjoy your stay!<br><br>
<center><span id="sidehead">Navigation</span></center>
...................................................
<a href="HOME.php">Home</a><br>
<a href="Visitor.php">Resources</a><br>
<a href="Graphics.php">Graphics</a><br>
<a href="Site.php">Site</a><br>
<a href="Tag.php">Tag</a><br><br>
<center><span id="sidehead">Information</span></center>
...................................................
Opened: May 14th, 2007<br>
Owner: <a href="mailto:paved-with-stars@hotmail.co.uk">Johnny's Fan</a><br>
Host: <a href="http://skyward-thoughts.com" target="_blank">Erica</a><br>
Layout: ver. 7; made by <a href="mailto:paved-with-stars@hotmail.co.uk">me</a><br>
Credit: <a href="http://skyward-thoughts.com" target="_blank">&</a> <a href="http://eelmikashigaru.deviantart.com/" target="_blank">&</a><br>
Hits:
<div id="content">
<h2>Updates</h2>
<script type="text/javascript" src="http://www.haloscan.com/load/jfgimli"> </script>
<img border="0" align="left" src="http://img21.imageshack.us/img21/5051/frank21.png"><b><font face="times new roman">Christmas is coming!!</b></font face> <a href="javascript:HaloScan('Name');" target="_self"><script type="text/javascript">postCount('Name');</script></a><p>
<h3>Graphics</h3>
<h3>Resources</h3>
<h3>Huggles</h3>
<p><br><br><br>
</div>
<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4650481;
var sc_invisible=0;
var sc_partition=56;
var sc_click_stat=1;
var sc_security="7a7ad095";
var sc_text=2;
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="wordpress com stats plugin"
href="http://www.statcounter.com/wordpress.com/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/4650481/0/7a7ad095/0/"
alt="wordpress com stats plugin" ></a></div></noscript>
<!-- End of StatCounter Code -->
</body></html>
And my css:
#side{
position:absolute;
top:400;
left:100;
filter:alpha(opacity=100);
width:100px;
text-align:justify;
background-color:#CFCBD4;
}
#content{
position:absolute;
top: 0;
left: 60;
width:545px;
filter:alpha(opacity=100);
}
h1, h2, h3, h4, h5, h6{
font-size: 14px;
line-height:16px;
border-bottom: 2px solid;
margin-bottom:15px;
font-family:times new roman;
background:#CAC5CE;
color:#361E76;
}
body{
background: #D4E1C7 url('http://img697.imageshack.us/img697/8378/nybg1.png');
repeat: repeat-y;
margin-top:100px;
margin-left:0px;
color:#361E76;
font-family:times new roman;
font-size:10pt;
text-align: justify
}
a{
text-decoration: none;
color: #CAC5CE;
}
a:hover{
text-decoration: none; cursor:arrow;
color: #361E76;
}
#sidehead{
width:152px;
display:block;
background:#CAC5CE;
color:#361E76;
}
A million huggles to anyone who can help me.
