soleen
09-13-2004, 03:20 AM
Okay, I currently made this layout and the background/the text spaces that scroll down aren't lining up with the layout. You can view it here:
http://free.hostultra.com/~bluepersecom/weblay.htm
Here is the code that I used:
<HTML>
<HEAD>
<TITLE>Faellie Wings-A Diary of 14 year old</TITLE>
</HEAD>
<body background="bg.jpg">
<style type="text/css">
<!--
body{margin: 0pt;
background-repeat: repeat-y;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #990033;
scrollbar-highlight-color: #990033;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #990033}
div, td {font-family: tahoma,arial;
font-size: 10px;
color:#990033}
a:link, a:visited, a:active
{text-decoration: none;
color: #990033;
font-weight:bold;
cursor: crosshair
}
A {
color: #990033;
text-decoration: none;
font-weight: bold;
cursor: crosshair;
behavior: url(pixel.htc); filter:progid:dximagetransform.microsoft.pixelate( duration=.7, maxSquare=22, enabled=false); height: 0px; clip: rect( );
}
a:hover {text-decoration: none;
color: #990033;
cursor: crosshair}
.head
{text-decoration: none;
font-weight:bold;
color: #990033;
border: 1px dotted #990033;}
.content {padding-left: 7px;
padding-right: 7px;
line-height: 130%}
input, textarea
{ border:1px dotted #990033; background:bg.jpg ; font-family: tahoma,arial;
font-size:11;
color: #990033;
}
-->
</style>
<CENTER>
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0>
<TR>
<TD><IMG SRC="weblayH0V0.jpg" ALT="" WIDTH=750 HEIGHT=107 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH1V0.jpg" ALT="" WIDTH=750 HEIGHT=79 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH2V0.jpg" ALT="" WIDTH=750 HEIGHT=76 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH3V0.jpg" ALT="" WIDTH=750 HEIGHT=100 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH4V0.jpg" ALT="" WIDTH=750 HEIGHT=95 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH5V0.jpg" ALT="" WIDTH=750 HEIGHT=43 BORDER=0></TD>
</TR>
</TABLE>
<div style="position:absolute; left:140px; top:500px; width: 300px; height: 0px">
<p class="head">Info</p>
Hi there testing out this layout.Okay I have no idea why
but the background is messed up:(
</BODY>
</HTML>
Thanks in advance.
http://free.hostultra.com/~bluepersecom/weblay.htm
Here is the code that I used:
<HTML>
<HEAD>
<TITLE>Faellie Wings-A Diary of 14 year old</TITLE>
</HEAD>
<body background="bg.jpg">
<style type="text/css">
<!--
body{margin: 0pt;
background-repeat: repeat-y;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #990033;
scrollbar-highlight-color: #990033;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #990033}
div, td {font-family: tahoma,arial;
font-size: 10px;
color:#990033}
a:link, a:visited, a:active
{text-decoration: none;
color: #990033;
font-weight:bold;
cursor: crosshair
}
A {
color: #990033;
text-decoration: none;
font-weight: bold;
cursor: crosshair;
behavior: url(pixel.htc); filter:progid:dximagetransform.microsoft.pixelate( duration=.7, maxSquare=22, enabled=false); height: 0px; clip: rect( );
}
a:hover {text-decoration: none;
color: #990033;
cursor: crosshair}
.head
{text-decoration: none;
font-weight:bold;
color: #990033;
border: 1px dotted #990033;}
.content {padding-left: 7px;
padding-right: 7px;
line-height: 130%}
input, textarea
{ border:1px dotted #990033; background:bg.jpg ; font-family: tahoma,arial;
font-size:11;
color: #990033;
}
-->
</style>
<CENTER>
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0>
<TR>
<TD><IMG SRC="weblayH0V0.jpg" ALT="" WIDTH=750 HEIGHT=107 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH1V0.jpg" ALT="" WIDTH=750 HEIGHT=79 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH2V0.jpg" ALT="" WIDTH=750 HEIGHT=76 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH3V0.jpg" ALT="" WIDTH=750 HEIGHT=100 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH4V0.jpg" ALT="" WIDTH=750 HEIGHT=95 BORDER=0></TD>
</TR>
<TR>
<TD><IMG SRC="weblayH5V0.jpg" ALT="" WIDTH=750 HEIGHT=43 BORDER=0></TD>
</TR>
</TABLE>
<div style="position:absolute; left:140px; top:500px; width: 300px; height: 0px">
<p class="head">Info</p>
Hi there testing out this layout.Okay I have no idea why
but the background is messed up:(
</BODY>
</HTML>
Thanks in advance.