UBB.Developers Forums UBB.threads 7 Development How Do I? Header code question

My header code for my banners looks like this.

</div>
<td width="25%" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="240"></a></td>


<td width="50%" align="center"><a href="http://www.qualityfishing.net" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/503/2new_updated_qfa_logoo.JPG" width="310" height="240"></a></td>

<td width="25%" align="center"><a href="http://www.abugarcia.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2abu.jpg" width="152" height="240"></a></td>

The way my code is now I have
1 box on the left width="152" height="240"
center box is fine at width="310" height="240"
1 box on the right width="152" height="240"

I want my code to give me
2 boxes on the left width="152" height="120"
center box left the way it is at width="310" height="240"
2 boxes on the right width="152" height="120"

So I want 2 boxes on each side of the big center box. What code do I need to do this. All I do is screw it up.

Come on guys. 67 veiws and no one is smarter then me? Help a guy out here.

You can't have different height cells in the same row.
Try this.

<TABLE WIDTH="400" HEIGHT="150" BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD WIDTH="152" HEIGHT="120">LEFT CELL</TD>
<TD WIDTH="310" HEIGHT="240" ROWSPAN="2">MIDDLE CELL</TD>
<TD WIDTH="152" HEIGHT="120">RIGHT CELL</TD>
</TR>
<TR>
<TD HEIGHT="28">unused cell</TD>
<TD>unused cell</TD>
</TR>
</TABLE>

Or...

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD WIDTH="152" HEIGHT="240" VALIGN="MIDDLE">
<CENTER>
LEFT
</CENTER></TD>
<TD WIDTH="310" HEIGHT="240" VALIGN="MIDDLE">
<CENTER>
MIDDLE
</CENTER></TD>
<TD WIDTH="152" HEIGHT="240" VALIGN="MIDDLE">
<CENTER>
RIGHT
</CENTER></TD>
</TR>
</TABLE>

Why not just do something like this...?

<table>
<tr>
<div>

<td wrap="nowrap" width="12.5%" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>

<td wrap="nowrap" width="12.5%" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>

<td wrap="nowrap" width="50%" align="center"><a href="http://www.qualityfishing.net" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/503/2new_updated_qfa_logoo.JPG" width="310" height="240"></a></td>

<td wrap="nowrap" width="12.5%" align="center"><a href="http://www.abugarcia.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2abu.jpg" width="152" height="120"></a></td>

<td wrap="nowrap" width="12.5%" align="center"><a href="http://www.abugarcia.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2abu.jpg" width="152" height="120"></a></td>

</div>
</tr>
</table>

You've got to be carefull how wide you make this however, because those on any resolution lower than 1024x768 will have a slidebar added which you don't really want.

Twisty

Thats close. I want the side ones to be stacked on top of each other.


So it would look like

height="120..height..height="120
height="120..="240"..height="120

Not
height="120height="120height="240"height="120height="120

Ah ok, I see what you're after now. Try this...


<table align="center" border="0">
<tr>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
</table>
</td>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.qualityfishing.net" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/503/2new_updated_qfa_logoo.JPG" width="310" height="240"></a></td>
</tr>
</table>
</td>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
</table>
</td>

</tr>
</table>


If you wish to space it out a bit, use this...


<table align="center" border="0">
<tr>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
</table>
</td>

<td width="2%">
</td>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.qualityfishing.net" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/503/2new_updated_qfa_logoo.JPG" width="310" height="240"></a></td>
</tr>
</table>
</td>

<td width="2%">
</td>

<td>
<table border="0">
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
<tr>
<td wrap="nowrap" align="center"><a href="http://www.berkley-fishing.com" target="_blank"><img border="0" src="http://www.qualityfishing.net/gallery/data/500/2berkley.jpg" width="152" height="120"></a></td>
</tr>
</table>
</td>

</tr>
</table>


See the 2 spots where this is found?

<td width="2%">
</td>

You can change the 2% to anything you want. It can even be a fixed amount like so...

<td width="5">
</td>

Thanks