Hello There!

Someone help me out .. I have two tables on a single page http://www.home-remodeling4u.com/product ..... the problem is that when I drag my new table that you can see on the page bottom... it could create the gap after draging on to page.. and got separated with other table with many page breaks .. but there wasn't any page break I've inserted.. So what is the problem with the page or with the table.. is that some CSS problem while placing or draging anything into the page area.

Please also see the code for the two tables:

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="100%"><SPAN class="inline left"><IMG class="image img_assist_custom" title="Home Appliances" height=95 alt="Home Appliances" src="http://www.home-remodeling4u.com/fileshome/images/appliances.img_assist_custom.jpg" width=65></SPAN><a href="http://www.home-remodeling4u.com/product/appliances.htm">Appliances</a>
This segment will cover up home appliances parts, products, reviews and price comparisons. You will probably found washer parts, dryer parts, ice makers parts etc. Similarly, other home and garden products will be astonishing part of the segment.
</td>
  </tr>
  <tr>
    <td width="100%"><SPAN class="inline left"><IMG class="image img_assist_custom" title="Garden and Lawn" height=104 alt="Garden and Lawn" src="http://www.home-remodeling4u.com/fileshome/images/garden.img_assist_custom.jpg" width=65><SPAN class=caption style="WIDTH: 63px"></SPAN></SPAN><a href="http://www.home-remodeling4u.com/product/garden.htm">Garden and Lawn</a>
This segment will be based upon garden and lawn products. You will find here lawn movers, gazebos, patios, and outdoor furnishing including outdoor lighting, sprinklers, cleaners, plow hearth, seasonal decoration, halloween lighting etc.
</td>
  </tr>
  <tr>
    <td width="100%"><SPAN class="inline left"><IMG class="image img_assist_custom" title="Steel Entry Door" height=83 alt="Steel Entry Door" src="http://www.home-remodeling4u.com/fileshome/images/steel-door.img_assist_custom.jpg" width=65><SPAN class=caption style="WIDTH: 63px"></SPAN></SPAN><a href="http://www.home-remodeling4u.com/product/window.htm">Windows</a>
This segment will cover up window blinds, shades, shutters, awnings etc. You can also get different kind of designs, styles and trends normally popular in USA. Reviews on different window related products, cleaning tips, repair and installation ideas.
</td>
  </tr>
  <tr>
    <td width="100%"><SPAN class="inline left"><IMG class="image thumbnail" title=Office-Supplies height=85 alt=Office-Supplies src="http://www.home-remodeling4u.com/fileshome/images/office supplies_0.bmp" width=50><SPAN class=caption style="WIDTH: 63px"></SPAN></SPAN><a href="http://www.home-remodeling4u.com/product/office-depot.htm">Office Depot - Supplies and Furniture</a>
You will interact with discount office supplies at discount prices including, ink cartridge, printer toners, pens, copy paper, ream, office furniture, office products, bulletin board, devices etc.</td>
  </tr>
  <tr>
    <td width="100%"><SPAN class="inline left"><IMG class="image img_assist_custom" title=Decoration height=72 alt=Decoration src="http://www.home-remodeling4u.com/fileshome/images/decoration.img_assist_custom.jpg" width=65><SPAN class=caption style="WIDTH: 63px"></SPAN></SPAN><a href="http://www.home-remodeling4u.com/product/decoration.htm">Decoration and Christmas</a><br> You will find in this segment decoration products including christmas, wedding, part, baby shower, home interior exterior, indoor outdoor gardening products and many more. You can also get product price comparisons, reviews and detailed description in tools and equipments. <a href="http://www.home-remodeling4u.com/reviews/christmas-tree.htm">Reviews on Christmas Trees</a> and visit our <a href="#" target=_blank onClick='this.href="http://click.linksynergy.com/fs-bin/click?id=IpzC8Qht3GA&offerid=95373.10001484&type=3&subid=0"'>Holiday&nbsp;Home:&nbsp;&nbsp;Trees&nbsp;&&nbsp;Trimming</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=IpzC8Qht3GA&bids=95373.10001484&type=3&subid=0" > shop for selecting best tree this year.
</td>
  </tr>
</table>
<TABLE border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%" align="left">
		<TR>
			<TH width="33%"  bgcolor="#000080"><FONT color="#FFFFFF"><B>Kitchen</B>
			</TH>
			<TH width="33%"  bgcolor="#000080"><FONT color="#FFFFFF"><B>Bathroom</B>
			</TH>
			<TH width="33%"  bgcolor="#000080"><FONT color="#FFFFFF"><B>Rooms</B>
			</TH>
		</TR>
		<TR>
			<TD align="left" valign="top">
				<UL>
					<LI><A href="http://www.home-remodeling4u.com/rooms">Design by Room</A>
<LI><A href="http://www.get-home-improvement.com/interior">Designers and Ideas</A>
<LI><A href="http://www.home-remodeling4u.com/home-furnishing">Furnishings</A>
<LI><A href="http://www.home-remodeling4u.com/home-furnishing">Interior Painting</A>
				</UL>
			</TD>
			
		</TR>
</table>

Thanks

Bilal

Comments

xjm’s picture

I don't quite understand what the problem is from your description. When I visit your site, it seems to work fine, so presumably something doesn't look the way you want it to. Maybe a couple of graphics to illustrate your question would help clarify the issue?

One possible source of problems is that your site has an XHTML strict doctype definition, but the table HTML you have posted is not XHTML compliant at all. It's more HTML 3. You should consider either using an HTML 4 Transitional DTD, or cleaning up the table and shifting to CSS styling so that it will validate as XHTML.

A couple resources on DTDs
http://validator.w3.org/ -- validates page HTML so you can find what is compliant with your DTD and what isn't
http://www.webstandards.org/learn/faq/ -- thorough FAQ on web standards
http://www.webstandards.org/learn/reference/templates/ -- examples of different DTDs
http://www.webstandards.org/learn/tutorials/common_ideas/ -- comparison of HTML 4 and XHTML

=======================
Just another newbie.
XHTML Strict: it's the way to be.
=======================
Feature request: HTML Source Formatting in TinyMCE