
Originally Posted by
pixelputty
Take the header further upto the top and get rid of the top space, if you create 3 table cells and place your introduction inside the middle one, that would pad it out better and would look neater, widen the news tables and change the borders to maybe black 1 px, see how that looks, good luck.

hmmm...i cant get rid of that top space
can you help me out? and i dont get that other stuff you want me to do...
heres my coding:
index.php
PHP Code:
<html>
<head>
<!-- META tags generated by NetMechanic ([url]http://www.netmechanic.com[/url]). -->
<TITLE>moops.tk</TITLE>
<META NAME="Description" CONTENT="this has everything from amd, pentium, motherboard overclocking to air cooling and extreme water cooling forums. we also have free image host, free ftp space, funny videos, and a great forum community.">
<META NAME="Keywords" CONTENT="amd pentium overclocking forums amd, pentium, overclock, motherboard, water cool, air cool, heat sink, forum, free, image hosting, funny, funny videos, free ftp">
</head>
<?php include("moops_header.php"); ?>
<table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#A4A4A4">
<tr>
<td width="632" height="300" valign="top" class="body">
<!-- Start Code -->
<div align="justify"><font face="Arial Black">
Welcome to moops.tk where you make it hapen. I would like to thank chromehost for providing us this great site, bugfix.nl for joining me in the design of this site, and others who put their hand forth. Browse through our funny media and then head on over to the forum and join the moops community. Feel free to post comments about what you think should be added! </font>
</div>
<br>
<br>
<!-- The image will be moved from here to be inside the new table
<div style="position: absolute; width: 100px; height: 224px; z-index: 1; left: 81px; top: 290px" id="layer1">
<body alink="#A4A4A4" vlink="#A4A4A4" link="#A4A4A4"><a href="fath_faq.php"><img src="http://www.extremeoverclocking.com/template_images/EOC-FAH.jpg" width="102" height="212"></a></div>
-->
<!--
start the outer nested table here
It will have a single row with 3 data cells
The left and right data cell must be the same
width so the center cell appears centered
The picture goes in the left cell
Content goes in the middle
The right cell is blank, or you can add something there too
-->
<TABLE BORDER="0" WIDTH="100%">
<TR>
<TD WIDTH="20%"><!-- Start Left Cell -->
<!-- Here's where the image goes. Note the "position: absolute" has been deleted from the inline style !!!! -->
<center><div style="width: 100px; height: 224px; z-index: 1; left: 81px; top: 290px" id="layer1">
<body alink="#A4A4A4" vlink="#A4A4A4" link="#A4A4A4"><a href="fath_faq.php"><img src="http://www.extremeoverclocking.com/template_images/EOC-FAH.jpg" width="102" height="212"></a></center>
</div>
</TD><!-- End Left Cell -->
<TD WIDTH="30%"><!-- Start Center Cell -->
<div align="Center">
<table width="100%" border="1"><!-- Mess with the width here until it looks right to you - I used 80% -->
<tr>
<td><center><font face="arial black">Moop's News</font></center></td>
</tr>
<tr>
<td>
<font face="arial">
9/10- Forums revised.
<br>8/4- Site revised.
<br>8/4- FREE image hosting added.
<br>6/25- Purchased Moops.tk domain.
<br>5/30- Moops.tk site was discovered.
</font>
</td>
</tr>
</table>
<br>
<table width="100%" border="1"><!-- Mess with the width here until it looks right to you - I used 80% -->
<tr>
<td><center><font face="arial black">In Moops labs</font></center></td>
</tr>
<tr>
<td>
<font face="arial">
*Funny picture gallery-Coming Very Soon!
<br>*More unique downloads in D-loads section-Coming Very Soon!
</font>
</td>
</tr>
</table>
</div>
</TD><!-- End Center Cell -->
<TD WIDTH="20%"><!-- Start Right Cell -->
<center><script type="text/javascript"><!--
google_ad_client = "pub-9820867614958175";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_channel ="";
google_ad_type = "text_image";
google_color_border = "A4A4A4";
google_color_bg = "A4A4A4";
google_color_link = "333333";
google_color_url = "000066";
google_color_text = "2B4356";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
</TD><!-- End Right Cell -->
</TR>
</TABLE>
<!-- End of outer nested table -->
<!-- Index Code ONLY -->
<center>
<img src="/cgi-sys/Count.cgi?df=moopsx00.dat|display=Counter|ft=6|md=5|frgb=0;0;0|dd=G"></center>
<center>
<a href="http://slackware.com"><img style="border:0" src="http://slackware.com/~msimons/slackware/grfx/shared/SWtheDistro.jpg"></a>
</center>
<!-- End Index Code -->
<!-- End Code -->
</td>
</tr>
</table>
<?php include("moops_footer.php"); ?>
</html>
moops_header.php
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>moops.tk where you make it hapen...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="moops.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#cfc7a9">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img name="moops_top" src="images/moops_top.jpg" width="700" height="117" border="0" usemap="#moops_navMap2"></td>
</tr>
<tr>
<td colspan="2"><img src="images/moops_nav.jpg" name="moops_nav" width="700" height="28" border="0" usemap="#moops_navMap"></td>
</tr>
<tr>
<td colspan="2"><img src="images/moops_top2.jpg" width="700" height="23" border="0" usemap="#bugfix_navMap"></td>
</tr>
<tr>
<td colspan="2"><img src="images/moops_page_top.jpg" width="700" height="23" border="0" ></td>
</tr>
<tr>
<td colspan="2" valign="top" bgcolor="#A4A4A4">
thanks
Bookmarks