HTML Forum

**Ickie** · 10-21-2005, 11:24 PM

Code:

<html>

<head>
<title>*****</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body background="images/bg.gif">
<table width="80%" height="105%" cellpadding="2" cellspacing="0" align="center">

<tr>
	<td rowspan="8" width="1"></td>
	<td valign="top" width="98%" height="44" bgcolor="#EAEAEA" colspan="3"><img border="0" src="images/header.gif" width="311" height="80"></td>
	<td rowspan="8"></td>
</tr>

<tr>
	<td valign="top" width="15%" bgcolor="#EAEAEA" height="17"><b>Navigation</b></td>
	<td valign="top" width="50%" bgcolor="#EAEAEA" rowspan="6"><b>News</b></td>
	<td valign="top" width="15%" bgcolor="#EAEAEA" rowspan="6"><b>Advertisement</b></td>
</tr>

<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" onMouseOut="this.className='out'" height="17">News</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" onMouseOut="this.className='out'" height="17">Community</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" onMouseOut="this.className='out'" height="17">FAQ</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" onMouseOut="this.className='out'" height="17">Contact</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" height="412" width="78"></td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" colspan="3"></td></tr>

</table>
</body>

</html>

The where I have bolded is the part I'm having trouble with, I want two tables going down the size of actual template so I can use them as borders. The only problem is when I make one width ="1" it works, but then when I make the second one width ="1" it makes them both bigger. I figure its something to do with %, but I'm not sure.

**praveen** · 10-22-2005, 07:28 AM

i am not if this is what you wanted.
but seeing that you want borders

here is another code :

Code:

<html>

<head>
<title>*****</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body background="images/bg.gif"><table width="80%" cellpadding="1" cellspacing="1" 

bgcolor="black"><tr><td>
<table width="100%" height="105%" cellpadding="2" cellspacing="0" align="center">

<tr>
    
    <td valign="top" width="98%" height="44" bgcolor="#EAEAEA" colspan="3"><img 

border="0" src="images/header.gif" width="311" height="80"></td>
    
</tr>

<tr>
    <td valign="top" width="15%" bgcolor="#EAEAEA" height="17"><b>Navigation</b></td>
    <td valign="top" width="50%" bgcolor="#EAEAEA" rowspan="6"><b>News</b></td>
    <td valign="top" width="15%" bgcolor="#EAEAEA" 

rowspan="6"><b>Advertisement</b></td>
</tr>

<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" 

onMouseOut="this.className='out'" height="17">News</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" 

onMouseOut="this.className='out'" height="17">Community</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" 

onMouseOut="this.className='out'" height="17">FAQ</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" onMouseOver="this.className='over'" 

onMouseOut="this.className='out'" height="17">Contact</td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" height="412" width="78"></td></tr>
<tr><td valign="top" bgcolor="#EAEAEA" colspan="3"></td></tr>

</table></td></tr></table>
</body>

</html>

let me know if this is wat u wanted

another thing, unless its intentional, there are some invalid td tags and colspan specifications in your original code