PDA

View Full Version : Big problem with my html

Dean C
Mon 20th May '02, 3:54pm
This is what my html code is right now:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<!-- end no cache headers -->
<meta name="keywords" content="vbulletin,forum,bbs,discussion,jelsoft">
<meta name="description" content="$bbtitle is a discussion forum powered by vBulletin. To visit the forum, go to $bburl/ . To find out about vBulletin, go to http://www.vbulletin.com/ .">
<title>$bbtitle - powered by vBulletin</title>
$headinclude
</head>
<body>
$header


<center>
<table width="{contenttablewidth}" border="1" bordercolor="{tablebordercolor}" height="100%">
<tr>
<td>

<table width="20%" bordercolor="{tablebordercolor}" align="left">
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Navigation</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>
<p align="center"><a href="http://www.emceebattleraps.com/forums"><font color="#8C8CFF" size="1"

face="Verdana">Forums</font></a><a href="http://www.emceebattleraps.com/forums/register.php?s=&action=signup"><font

color="#FFFFFF" size="1" face="Verdana"><br>

<br>

</font><font color="#8C8CFF" size="1" face="Verdana">

Register</font></a><br>
</td></tr>
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Tournaments</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>
<font

size="3"><br>

<br>

</font><font face="Verdana" size="1"><font color="#FFFFFF">Tournaments

Exp.</font><br>

<font color="#FFFFFF"><br>

<u>NEWBIES:</u><br>

Rap Tournement</font><br>

<font color="#FFFFFF">Poetry Tournement</font><br>

<br>

<font color="#FFFFFF"><u>SENIORS:</u><br>

Rap Tournement<br>

Poetry Tournement</font></font><font size="2"><br>

<br>

</font>
</td></tr>
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">User of the Month</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>blablah</td></tr>
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color=white face="tahoma" size="2">Links</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>blablah</td></tr>
</table>

<!-- End left hand column -->

<!-- Start central column -->

<table border="1" bordercolor="{tablebordercolor}" align="center" width="47%">
<tr><td width="47%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Welcome to $bbtitle</font></b></td></tr>
<tr><td width="47%" bgcolor="{firstaltcolor}"> Welcome to Emceebattleraps.com the finest in hip hop entertainment!!!</td></tr>
</table>


<!-- End central Column -->

<table width="20%" border="1" bordercolor="{tablebordercolor}" align="right">
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Music</font></b></td></tr>

<tr><td width="20%" bgcolor="{firstaltcolor}">
<Center><img border="0" src="http://www.boomspeed.com/platty/EBRbow.jpg" width="130" height="117">
<em><font color="#FFFFFF" size="3"><img border="0" src="http://www.boomspeed.com/platty/EBRluda.jpg"

width="130" height="129"><br>

</font></em><br>

<br>

<img border="0" src="http://www.boomspeed.com/platty/EBRdmx.jpg" width="130" height="126"><br>

</font></em>

<br>

<font color="#FFFFFF" size="3"><em><br>

<img border="0" src="http://www.boomspeed.com/platty/EBRnas.jpg" width="130" height="130"><br>

</em>

</font><br>

<br>

</font><font face="Verdana" color="#FFFFFF" size="1">All reviews by....</font></center></td></tr>
</td</tr></table>
</center>



$footer
</body>
</html>


As you will see from the picture in the next post the center table is overlapping the right table and i want to get rid of this.

Also i wud like the columns which are the three main tables (left, right and center) to fill down to the bottom without distorting the current content in any way. So basically i wud like a table at the bottom of each one that if the table doesn't already fill down to the bottom it fills up the space.

If anyone can help it wud be graciously appreciated

Thanks In Advance :D
Dean C
Mon 20th May '02, 3:57pm
This is what it looks like:
scoutt
Mon 20th May '02, 4:22pm
you won't get them lined up because you are still in the same main table as you started with. so to fix it you have to end teh cell and start a new one.
and don't forget you started with 2 table and you don't even close them. NS will have problems with rendering this page.

</td></tr>
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">User of the Month</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>blablah</td></tr>
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color=white face="tahoma" size="2">Links</font></b></td></tr>
<tr><td width="20%" bgcolor={firstaltcolor}>blablah</td></tr>
</table></td><td>

<!-- End left hand column -->

<!-- Start central column -->

<table border="1" bordercolor="{tablebordercolor}" align="center" width="47%">
<tr><td width="47%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Welcome to $bbtitle</font></b></td></tr>
<tr><td width="47%" bgcolor="{firstaltcolor}"> Welcome to Emceebattleraps.com the finest in hip hop entertainment!!!</td></tr>
</table>
</td><td>

<!-- End central Column -->

<table width="20%" border="1" bordercolor="{tablebordercolor}" align="right">
<tr><td width="20%" bgcolor="{categorybackcolor}"><b><font color="{categoryfontcolor}" face="tahoma" size="2">Music</font></b></td></tr>

<tr><td width="20%" bgcolor="{firstaltcolor}">
<Center><img border="0" src="http://www.boomspeed.com/platty/EBRbow.jpg" width="130" height="117">
<em><font color="#FFFFFF" size="3"><img border="0" src="http://www.boomspeed.com/platty/EBRluda.jpg"
Dean C
Wed 22nd May '02, 3:21pm
that did not work :(
scoutt
Wed 22nd May '02, 9:20pm
hmmmmmm worked for me.
Dan615
Sat 25th May '02, 3:08pm
I remember having a problem with percentage widths in tables...I just got rid of the DOCTYPE definition, and it worked fine :) Apparently HTML 4.01 Transitional didn't support something I was doing...try that and see if it works.