need some help with design...

wood1e · Aug 9, 2003

HI

I have a web design templte, adn I am trying to change the layout in the middle of the page. Unfortunately every time I merge cells, to create one cell to write in. It throws the web page all over the place. CAn anyone help. I can send the page in question...

RISTMO · Aug 9, 2003

Please post the code here. Make sure to uncheck "Process TGML" right under the textbox.

Rick

-----------------------------------------------------------

http://www.ristmo.com/

RISTMO Designs

http://www.arabchurch.com/

Arab Church

http://www.reference-guides.com/

Reference Guides

wood1e · Aug 10, 2003

Hi Ristmo,

many thanks for that, I pasted the code below..

<HTML>
<HEAD>
<TITLE>Mersea Island Rugby Club - The Home Of Rugby In The Sun</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">

</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=100% height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">
<TR>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD> <object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"

width="780" height="204">
<param name="movie" value="mersea.swf">
<param name="quality" value="high">
<embed src="mersea.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="780" height="204"></embed></object></TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
</TR>
<TR>
<TD height="100%">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD WIDTH=224 HEIGHT=100%>
<TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%" background="images/bg1.gif">
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h1.gif" WIDTH=224 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/user.gif" WIDTH=67 HEIGHT=23 ALT=""></TD>
<TD COLSPAN=3 background="images/in1.gif" WIDTH=157 HEIGHT=23>  </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/pass.gif" WIDTH=67 HEIGHT=25 ALT=""></TD>
<TD COLSPAN=3 background="images/in2.gif" WIDTH=157 HEIGHT=25>  </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/n1.gif" WIDTH=67 HEIGHT=24 ALT=""></TD>
<TD>
<a href="#"><IMG SRC="images/log.gif" WIDTH=57 HEIGHT=24 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/cle.gif" WIDTH=82 HEIGHT=24 ALT=""></a></TD>
<TD>
<IMG SRC="images/n88.gif" WIDTH=18 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h2.gif" WIDTH=224 HEIGHT=54 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10"> <img src="images/run.jpg" hspace="5" align="right">
<div style="padding-right:60"> <b style="color:FFC000;text-decoration:underline">August
8th, 2003 </b> <br>
<br>
Mersea can annouce a new club Coach Mr Joe Bloggs<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more</b></a>
</div>
</div>
</TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/line1.gif" WIDTH=224 HEIGHT=2 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 HEIGHT=100% COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10">
<img src="images/img6.jpg" hspace="5" align="right">
<div style="padding-right:60">
<b style="color:FFC000;text-decoration:underline">January 25th, 2003 </b>
<br><br>
Mersea remian unbeaten this season...<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more...</b></a>
</div>
</div>
</TD>
</TR>
</TABLE>
</TD>
<TD WIDTH=556 HEIGHT=507>
<TABLE WIDTH=556 BORDER=0 CELLPADDING=0 CELLSPACING=0 background="images/bg2.gif" height="100%">
<TR>
<TD COLSPAN=12>
<IMG SRC="images/welcome.gif" WIDTH=556 HEIGHT=46 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 valign="top" bgcolor="#FFFFFF">
<IMG SRC="images/img1.jpg" WIDTH=113 HEIGHT=179 ALT=""></TD>
<TD WIDTH=443 HEIGHT=179 COLSPAN=9 bgcolor="#FFFFFF" valign="top">
<div style="padding:15" class="ver10">
<p><b>This section adn the section labelled, membership, and
player profiles, are the areas I am trying to merge....</b>
<p>Anyhelp would be greatly appreciated....
<p>Wood1e<br>

</div>
</TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/n2.gif" WIDTH=556 HEIGHT=14 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2 valign="top">
<IMG SRC="images/img2.jpg" WIDTH=94 HEIGHT=137 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/pt1.gif" WIDTH=192 HEIGHT=40 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2 valign="top">
<IMG SRC="images/img3.jpg" WIDTH=94 HEIGHT=137 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/pt2.gif" WIDTH=176 HEIGHT=40 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5 background="images/text1.gif" WIDTH=192 HEIGHT=94 valign="top" class="bgtop"><div style="padding:5;color:ffffff" class="ver10">
<p><b style="color:FFC000;text-decoration:underline">Come
join the fun</b> <br>
you can join Mersea, just click link below and fill in form.
You can join as a social meember, and enjoy the social side
of things...<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Download</b></a></div>
</TD>
<TD COLSPAN=2 background="images/text2.gif" WIDTH=176 HEIGHT=94 valign="top" class="bgtop">
<div style="padding:5;color:ffffff" class="ver10"> <b style="color:FFC000;text-decoration:underline">Come
View The Players...</b> <br>
We will be creating player profiles throughout the season.
<br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read
more</b></a> </div>
</TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/line2.gif" WIDTH=286 HEIGHT=10 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/line3.gif" WIDTH=270 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7 background="images/text3.gif" WIDTH=286 HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> <br>
</div>
</TD>
<TD COLSPAN=5 background="images/text4.gif" WIDTH=270 HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> <br>
</div>
</TD>
</TR>
<TR>
<TD height="100%">
<IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=56 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=58 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/bot1.jpg" WIDTH=556 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD height="40">
<a href="#"><IMG SRC="images/b1.gif" WIDTH=82 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=3>
<a href="#"><IMG SRC="images/b2.gif" WIDTH=50 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b3.gif" WIDTH=56 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b4.gif" WIDTH=67 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2>
<a href="#"><IMG SRC="images/b5.gif" WIDTH=57 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b6.gif" WIDTH=60 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2>
<a href="#"><IMG SRC="images/b7.gif" WIDTH=66 HEIGHT=40 ALT=""></a></TD>
<TD>
<IMG SRC="images/b0.jpg" WIDTH=118 HEIGHT=40 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/team.jpg" WIDTH=224 HEIGHT=61 ALT=""></TD>
<TD WIDTH=438 HEIGHT=61 background="images/bgdown.gif">
<div style="padding-left:20" class="ver10">
Copyright (c) 2003, CompanyName inc. All rights reserved.<br>
<A href="#" style="color:0000FF;text-decoration:underline" class="ver10">Copyright Information</A>
</div>
</TD>
<TD>
<IMG SRC="images/botttom.jpg" WIDTH=118 HEIGHT=61 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

RISTMO · Aug 11, 2003

Sorry, but I can't find the membership and player profile sections. Remember that images don't display here for me. Could you stick an alt in where the differect sections are or something so I can see what you mean?

Thanks,
Rick

-----------------------------------------------------------

http://www.ristmo.com/

RISTMO Designs

http://www.arabchurch.com/

Arab Church

http://www.reference-guides.com/

Reference Guides

ChrisHunt · Aug 11, 2003

A tip, when playing around with tables for layout, is to (temporarily) change your table tags to say
[tt]
<TABLE BORDER=1 ... >
[/tt]
(where ... is whatever other attributes your table has). This will cause the borders to display, and make it a lot easier to figure out what's going on.

If you're trying to merge/add cells to a row, chance are you'll need to add/change COLSPAN attributes elsewhere in the table.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

imstillatwork · Aug 11, 2003

yeah, check row by row and make sure there are an equal number of celles in each and every row. sometimes loking at the borders does not help, because a lot of browsers will run the table seemingly fine when the syntax is not 100% correct.

wood1e · Aug 11, 2003

hi I have re pasted, with ALT tags required...

<HTML>
<HEAD>
<TITLE>Mersea Island Rugby Club - The Home Of Rugby In The Sun</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">

</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=100% height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">
<TR>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD> <object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"

width="780" height="204">
<param name="movie" value="mersea.swf">
<param name="quality" value="high">
<embed src="mersea.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="780" height="204"></embed></object></TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
</TR>
<TR>
<TD height="100%">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD WIDTH=224 HEIGHT=100%>
<TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%" background="images/bg1.gif">
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h1.gif" WIDTH=224 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/user.gif" WIDTH=67 HEIGHT=23 ALT=""></TD>
<TD COLSPAN=3 background="images/in1.gif" WIDTH=157 HEIGHT=23>  </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/pass.gif" WIDTH=67 HEIGHT=25 ALT=""></TD>
<TD COLSPAN=3 background="images/in2.gif" WIDTH=157 HEIGHT=25>  </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/n1.gif" WIDTH=67 HEIGHT=24 ALT=""></TD>
<TD>
<a href="#"><IMG SRC="images/log.gif" WIDTH=57 HEIGHT=24 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/cle.gif" WIDTH=82 HEIGHT=24 ALT=""></a></TD>
<TD>
<IMG SRC="images/n88.gif" WIDTH=18 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h2.gif" WIDTH=224 HEIGHT=54 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10"> <img src="images/run.jpg" hspace="5" align="right">
<div style="padding-right:60"> <b style="color:FFC000;text-decoration:underline">August
8th, 2003 </b> <br>
<br>
Mersea can annouce a new club Coach Mr Joe Bloggs<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more</b></a>
</div>
</div>
</TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/line1.gif" WIDTH=224 HEIGHT=2 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 HEIGHT=100% COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10">
<img src="images/img6.jpg" hspace="5" align="right">
<div style="padding-right:60">
<b style="color:FFC000;text-decoration:underline">January 25th, 2003 </b>
<br><br>
Mersea remian unbeaten this season...<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more...</b></a>
</div>
</div>
</TD>
</TR>
</TABLE>
</TD>
<TD WIDTH=556 HEIGHT=507>
<TABLE WIDTH=556 BORDER=0 CELLPADDING=0 CELLSPACING=0 background="images/bg2.gif" height="100%">
<TR>
<TD COLSPAN=12>
<IMG SRC="images/welcome.gif" WIDTH=556 HEIGHT=46 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 valign="top" bgcolor="#FFFFFF">
<IMG SRC="images/img1.jpg" WIDTH=113 HEIGHT=179 ALT="Lineout"></TD>
<TD WIDTH=443 HEIGHT=179 COLSPAN=9 bgcolor="#FFFFFF" valign="top">
<div style="padding:15" class="ver10">
<p><b>This section adn the section labelled, membership, and
player profiles, are the areas I am trying to merge....</b>
<p>Anyhelp would be greatly appreciated....
<p>Wood1e<br>

</div>
</TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/n2.gif" WIDTH=556 HEIGHT=14 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=2 valign="top">
<IMG SRC="images/img2.jpg" WIDTH=94 HEIGHT=137 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/pt1.gif" WIDTH=192 HEIGHT=40 ALT="Memebership"></TD>
<TD COLSPAN=3 ROWSPAN=2 valign="top">
<IMG SRC="images/img3.jpg" WIDTH=94 HEIGHT=137 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/pt2.gif" WIDTH=176 HEIGHT=40 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5 background="images/text1.gif" WIDTH=192 HEIGHT=94 valign="top" class="bgtop"><div style="padding:5;color:ffffff" class="ver10">
<p><b style="color:FFC000;text-decoration:underline">MEMEBERSHIP
AREA </b> <br>
you can join Mersea, just click link below and fill in form.
You can join as a social meember, and enjoy the social side
of things...<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Download</b></a></div>
</TD>
<TD COLSPAN=2 background="images/text2.gif" WIDTH=176 HEIGHT=94 valign="top" class="bgtop">
<div style="padding:5;color:ffffff" class="ver10"> <b style="color:FFC000;text-decoration:underline">PLAYER
PROFILE AREA.</b> <br>
We will be creating player profiles throughout the season.
<br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read
more</b></a> </div>
</TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/line2.gif" WIDTH=286 HEIGHT=10 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/line3.gif" WIDTH=270 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7 background="images/text3.gif" WIDTH=286 HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> ANOTHER AREA<br>
</div>
</TD>
<TD COLSPAN=5 background="images/text4.gif" WIDTH=270 HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> ANOTHER AREA<br>
</div>
</TD>
</TR>
<TR>
<TD height="100%">
<IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=56 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=58 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/bot1.jpg" WIDTH=556 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD height="40">
<a href="#"><IMG SRC="images/b1.gif" WIDTH=82 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=3>
<a href="#"><IMG SRC="images/b2.gif" WIDTH=50 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b3.gif" WIDTH=56 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b4.gif" WIDTH=67 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2>
<a href="#"><IMG SRC="images/b5.gif" WIDTH=57 HEIGHT=40 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/b6.gif" WIDTH=60 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2>
<a href="#"><IMG SRC="images/b7.gif" WIDTH=66 HEIGHT=40 ALT=""></a></TD>
<TD>
<IMG SRC="images/b0.jpg" WIDTH=118 HEIGHT=40 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/team.jpg" WIDTH=224 HEIGHT=61 ALT=""></TD>
<TD WIDTH=438 HEIGHT=61 background="images/bgdown.gif">
<div style="padding-left:20" class="ver10">
Copyright (c) 2003, CompanyName inc. All rights reserved.<br>
<A href="#" style="color:0000FF;text-decoration:underline" class="ver10">Copyright Information</A>
</div>
</TD>
<TD>
<IMG SRC="images/botttom.jpg" WIDTH=118 HEIGHT=61 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

JillC · Aug 23, 2003

Hi Wood1e

Assuming you still need help with this? I looked at your code in Dreamweaver. It has nested tables. The first holds the whole page, inside that is one which divides up the page and then there is a table inside a cell for the right side. This table has all sorts of odd sized cells.

I removed the image n2.gif and its corresponding row which ran the width of the table. The table row with im1.jp and your text has 2 cells and was above this row.

Under that was a whole jumble of different sized cells. I removed the graphics and merged the cells one by one to the adjacent cell until I got to be all one row. I then resized this row, so it's still there but narrow. Not sure if this is what you needed, but if you compare your code with this one, maybe you'll see what I removed or resized.

Good luck.
<HTML>
<HEAD>
<TITLE>Mersea Island Rugby Club - The Home Of Rugby In The Sun</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">

</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=100% height="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#FFFFFF">
<TR>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD> <object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0";

width="780" height="204">
<param name="movie" value="mersea.swf">
<param name="quality" value="high">
<embed src="mersea.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer";

type="application/x-shockwave-flash" width="780" height="204"></embed></object></TD>
<td width="1" bgcolor="#000000" rowspan="3"><img src="images/spacer.gif" width="1" height="1"></td>
<TD width="50%" rowspan="3" background="images/bg.gif" bgCOLOR="#1D529D"> </TD>
</TR>
<TR>
<TD height="100%">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD WIDTH=224 HEIGHT=100%>
<TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%" background="images/bg1.gif">
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h1.gif" WIDTH=224 HEIGHT=53 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/user.gif" WIDTH=67 HEIGHT=23 ALT=""></TD>
<TD COLSPAN=3 background="images/in1.gif" WIDTH=157 HEIGHT=23> </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/pass.gif" WIDTH=67 HEIGHT=25 ALT=""></TD>
<TD COLSPAN=3 background="images/in2.gif" WIDTH=157 HEIGHT=25> </TD>
</TR>
<TR>
<TD>
<IMG SRC="images/n1.gif" WIDTH=67 HEIGHT=24 ALT=""></TD>
<TD>
<a href="#"><IMG SRC="images/log.gif" WIDTH=57 HEIGHT=24 ALT=""></a></TD>
<TD>
<a href="#"><IMG SRC="images/cle.gif" WIDTH=82 HEIGHT=24 ALT=""></a></TD>
<TD>
<IMG SRC="images/n88.gif" WIDTH=18 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/h2.gif" WIDTH=224 HEIGHT=54 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10"> <img src="images/run.jpg" hspace="5" align="right">
<div style="padding-right:60"> <b style="color:FFC000;text-decoration:underline">August
8th, 2003 </b> <br>
<br>
Mersea can annouce a new club Coach Mr Joe Bloggs<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more</b></a>
</div>
</div>
</TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/line1.gif" WIDTH=224 HEIGHT=2 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=224 HEIGHT=100% COLSPAN=4>
<div style="padding:15;color:ffffff" class="ver10">
<img src="images/img6.jpg" hspace="5" align="right">
<div style="padding-right:60">
<b style="color:FFC000;text-decoration:underline">January 25th, 2003 </b>
<br><br>
Mersea remian unbeaten this season...<br>
<br>
<Br>
<a href="#" style="color:FFC000;text-decoration:underline" class="ver10"><img src="images/icon_orange.gif" hspace="10" align="absmiddle"><b>Read more...</b></a>
</div>
</div>
</TD>
</TR>
</TABLE>
</TD>
<TD WIDTH=556 HEIGHT=507>
<TABLE WIDTH=556 BORDER=0 CELLPADDING=0 CELLSPACING=0 background="images/bg2.gif" height="100%">

<TR>
<TD COLSPAN=12> <IMG SRC="images/welcome.gif" WIDTH=556 HEIGHT=46 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 valign="top" bgcolor="#FFFFFF"> <img src="images/img1.jpg" width=113 height=179 alt="Lineout"></TD>
<TD HEIGHT=318 COLSPAN=9 bgcolor="#FFFFFF" valign="top">
<div style="padding:15" class="ver10">
<p><b>This section adn the section labelled, membership, and
player profiles, are the areas I am trying to merge....</b>
<p>Anyhelp would be greatly appreciated....
<p>Wood1e<br>
<p>okay, so now this bit should be a bit deeper.
<p>
<p>see how it looks.
<p> </div></TD>
</TR>
<TR>
<TD COLSPAN=12 valign="top"> </TD>
</TR>
<TR>
<TD COLSPAN=7> <IMG SRC="images/line2.gif" WIDTH=286 HEIGHT=10 ALT=""></TD>
<TD COLSPAN=5> <IMG SRC="images/line3.gif" WIDTH=270 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7 background="images/text3.gif" HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> ANOTHER
AREA<br>
</div></TD>
<TD COLSPAN=5 background="images/text4.gif" HEIGHT=66 valign="top" class="bgtop">
<div style="padding:15;color:FFC000" class="ver10"> ANOTHER
AREA<br>
</div></TD>
</TR>
<TR>
<TD width="82" height="100%"> <IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1 ALT=""></TD>
<TD width="12"> <IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD width="19"> <IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD width="119"> <IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD width="56"> <IMG SRC="images/spacer.gif" WIDTH=56 HEIGHT=1 ALT=""></TD>
<TD width="67"> <IMG SRC="images/spacer.gif" WIDTH=67 HEIGHT=1 ALT=""></TD>
<TD width="31"> <IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD width="26"> <IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD width="60"> <IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
<TD width="8"> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD width="125"> <IMG SRC="images/spacer.gif" WIDTH=58 HEIGHT=1 ALT=""></TD>
<TD width="118"> <IMG SRC="images/spacer.gif" WIDTH=118 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12> <IMG SRC="images/bot1.jpg" WIDTH=556 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD height="40"> <a href="#"><IMG SRC="images/b1.gif" WIDTH=82 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=3> <a href="#"><IMG SRC="images/b2.gif" WIDTH=50 HEIGHT=40 ALT=""></a></TD>
<TD> <a href="#"><IMG SRC="images/b3.gif" WIDTH=56 HEIGHT=40 ALT=""></a></TD>
<TD> <a href="#"><IMG SRC="images/b4.gif" WIDTH=67 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2> <a href="#"><IMG SRC="images/b5.gif" WIDTH=57 HEIGHT=40 ALT=""></a></TD>
<TD> <a href="#"><IMG SRC="images/b6.gif" WIDTH=60 HEIGHT=40 ALT=""></a></TD>
<TD COLSPAN=2> <a href="#"><IMG SRC="images/b7.gif" WIDTH=66 HEIGHT=40 ALT=""></a></TD>
<TD> <IMG SRC="images/b0.jpg" WIDTH=118 HEIGHT=40 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/team.jpg" WIDTH=224 HEIGHT=61 ALT=""></TD>
<TD WIDTH=438 HEIGHT=61 background="images/bgdown.gif">
<div style="padding-left:20" class="ver10">
Copyright (c) 2003, CompanyName inc. All rights reserved.<br>
<A href="#" style="color:0000FF;text-decoration:underline" class="ver10">Copyright Information</A>
</div>
</TD>
<TD>
<IMG SRC="images/botttom.jpg" WIDTH=118 HEIGHT=61 ALT=""></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

need some help with design...

wood1e

Programmer

RISTMO

Programmer

wood1e

Programmer

RISTMO

Programmer

ChrisHunt

Programmer

imstillatwork

IS-IT--Management

wood1e

Programmer

JillC

Technical User

Similar threads

Part and Inventory Search

Sponsor