Zufasa
07-01-2004, 10:01 AM
<HTML>
<HEAD>
<TITLE>YOUR SITE TITLE HERE</TITLE>
<style TYPE="text/css">
<!--
BODY {
background: url(skins/nav/2/bkgd.gif) repeat;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: arial, geneva, lucida, san-serif;
}
A:link {
text-decoration: none;
color: #FBDB01;
}
A:visited {
text-decoration: underline;
color: #FBDB01;
}
A:active {
text-decoration: none;
color: #FBDB01;
}
A:hover {
text-decoration: none;
color: #6C3D14;
background-color: #FBDB01;
}
.text {
font-size: 13px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
.smtext {
font-size: 11px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
td.leftside {
background: url(skins/nav/2/sideleft.gif) repeat;
}
td.main {
background: url(skins/nav/2/bkgd2.gif) repeat;
font-size: 11px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
td.rightside {
background: url(skins/nav/2/sideright.gif) repeat;
}
-->
</style>
</HEAD>
<BODY marginwidth="0" marginheight="0">
<table width="739" cellpadding="0" cellspacing="0" border="0" align="left"><tr>
<td width="83"><img src="skins/nav/2/spacer.gif" width="83" height="1" alt=""></td>
<td width="17" class="leftside"><img src="skins/nav/2/spacer.gif" width="17" height="1" alt=""></td>
<td width="511" class="main" valign="top">
<img src="skins/nav/2/title.gif" width="394" height="116" alt="Monkey-ing Around" border="0">
<p class="text" align="justify">
Testing...
<div class="bloghead">July 01, 2004</div>
<a name="000003"></a>
<div class="subhead">Testing 1 2 3</div>
<div class="blogbody"><p>entry body</p></div>
<a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#000003">MORE...</a><br>
<div class="blogfoot">posted by Zufasa at <a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#000003">06:01 AM</a>
| <a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#comments">Comments (0)</a></div>
<br>
</td>
<td width="24" class="rightside"><img src="skins/nav/2/spacer.gif" width="24" height="1"
alt=""></td>
<td width="104" valign="top" align="left">
<p class="smtext" align="left">
<!-- Insert your site links here, best to use absolute URLS, but obviously you
don't have to.
The code has been added so that the links don't go totally to the left
and bump into
the black border of the boxes. -->
<img src="skins/nav/2/inside.gif" width="77" height="23" alt="Inside Links"><br>
Home<br>
<a href="archives.htm">Archives</a><br>
<a href="archives.htm">Photos</a><br>
<a href="archives.htm">Gallery</a><br>
<a href="archives.htm">Webcam</a><br>
<a href="archives.htm">Links</a>
<!-- End of your site links -->
<br><br>
<!-- Insert your favourite site links here -->
<img src="skins/nav/2/outside.gif" width="104" height="22" alt="Outside Links"><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a>
<!-- End of your favourite site links -->
<br><br>
<!-- This area is to give credit for stuff you have used on the page, i.e. ME
-->
<img src="skins/nav/2/credits.gif" width="102" height="22" alt="Credits"><br>
<a href="http://www.iam-designs.com">In A Mood Designs</a><br>
<a href="http://www.moveabletype.org">Movable Type</a><br>
<a href="http://noahgrey.com/greysoft/">Greymatter</a><br>
<a href="http://www.blogger.com">Blogger</a>
<!-- End of credit area -->
</p>
</td>
</tr></table>
</BODY>
</HTML>
right now the background does not reach the bottom of the window because the content does not reach the bottom;
if i had enough content to reach the bottom of the window, everything would be fine,
but i was wondering if there were a way so that the pattern of squares could reach the bottom of the window, even if the content didn't.
i bolded the code for the pattern
Thanks! :)
Here's a screenshot (http://www.drowningfishxp.com/screenshot.jpg)
<HEAD>
<TITLE>YOUR SITE TITLE HERE</TITLE>
<style TYPE="text/css">
<!--
BODY {
background: url(skins/nav/2/bkgd.gif) repeat;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: arial, geneva, lucida, san-serif;
}
A:link {
text-decoration: none;
color: #FBDB01;
}
A:visited {
text-decoration: underline;
color: #FBDB01;
}
A:active {
text-decoration: none;
color: #FBDB01;
}
A:hover {
text-decoration: none;
color: #6C3D14;
background-color: #FBDB01;
}
.text {
font-size: 13px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
.smtext {
font-size: 11px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
td.leftside {
background: url(skins/nav/2/sideleft.gif) repeat;
}
td.main {
background: url(skins/nav/2/bkgd2.gif) repeat;
font-size: 11px;
color: #6C3D14;
font-family: arial, geneva, lucida, san-serif;
}
td.rightside {
background: url(skins/nav/2/sideright.gif) repeat;
}
-->
</style>
</HEAD>
<BODY marginwidth="0" marginheight="0">
<table width="739" cellpadding="0" cellspacing="0" border="0" align="left"><tr>
<td width="83"><img src="skins/nav/2/spacer.gif" width="83" height="1" alt=""></td>
<td width="17" class="leftside"><img src="skins/nav/2/spacer.gif" width="17" height="1" alt=""></td>
<td width="511" class="main" valign="top">
<img src="skins/nav/2/title.gif" width="394" height="116" alt="Monkey-ing Around" border="0">
<p class="text" align="justify">
Testing...
<div class="bloghead">July 01, 2004</div>
<a name="000003"></a>
<div class="subhead">Testing 1 2 3</div>
<div class="blogbody"><p>entry body</p></div>
<a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#000003">MORE...</a><br>
<div class="blogfoot">posted by Zufasa at <a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#000003">06:01 AM</a>
| <a href="http://WWW.drowningfishxp.COM/mt/archives/2004/07/01.html#comments">Comments (0)</a></div>
<br>
</td>
<td width="24" class="rightside"><img src="skins/nav/2/spacer.gif" width="24" height="1"
alt=""></td>
<td width="104" valign="top" align="left">
<p class="smtext" align="left">
<!-- Insert your site links here, best to use absolute URLS, but obviously you
don't have to.
The code has been added so that the links don't go totally to the left
and bump into
the black border of the boxes. -->
<img src="skins/nav/2/inside.gif" width="77" height="23" alt="Inside Links"><br>
Home<br>
<a href="archives.htm">Archives</a><br>
<a href="archives.htm">Photos</a><br>
<a href="archives.htm">Gallery</a><br>
<a href="archives.htm">Webcam</a><br>
<a href="archives.htm">Links</a>
<!-- End of your site links -->
<br><br>
<!-- Insert your favourite site links here -->
<img src="skins/nav/2/outside.gif" width="104" height="22" alt="Outside Links"><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a><br>
<a href="#">Outside Link</a>
<!-- End of your favourite site links -->
<br><br>
<!-- This area is to give credit for stuff you have used on the page, i.e. ME
-->
<img src="skins/nav/2/credits.gif" width="102" height="22" alt="Credits"><br>
<a href="http://www.iam-designs.com">In A Mood Designs</a><br>
<a href="http://www.moveabletype.org">Movable Type</a><br>
<a href="http://noahgrey.com/greysoft/">Greymatter</a><br>
<a href="http://www.blogger.com">Blogger</a>
<!-- End of credit area -->
</p>
</td>
</tr></table>
</BODY>
</HTML>
right now the background does not reach the bottom of the window because the content does not reach the bottom;
if i had enough content to reach the bottom of the window, everything would be fine,
but i was wondering if there were a way so that the pattern of squares could reach the bottom of the window, even if the content didn't.
i bolded the code for the pattern
Thanks! :)
Here's a screenshot (http://www.drowningfishxp.com/screenshot.jpg)