Cant follow one table after another

liunx

Guest
Hi: I am trying to write the tables code for this photoshop layout:<br />
<br />
<!-- w --><a class="postlink" href="http://www.studio2013.com/realtor2/layout.html">www.studio2013.com/realtor2/layout.html</a><!-- w --><br />
<br />
I can get the top to work:<br />
<!-- w --><a class="postlink" href="http://www.studio2013.com/realtor2/topOK.html">www.studio2013.com/realtor2/topOK.html</a><!-- w --><br />
<br />
and the bottom part to work<br />
<!-- w --><a class="postlink" href="http://www.studio2013.com/realtor2/bottomOK.html">www.studio2013.com/realtor2/bottomOK.html</a><!-- w --><br />
<br />
but if I try to put them with two sequencial tables, the bottom tries to go to the right.<br />
<br />
and the bottom part to work<br />
<!-- w --><a class="postlink" href="http://www.studio2013.com/realtor2/both.html">www.studio2013.com/realtor2/both.html</a><!-- w --><br />
<br />
I tried using one table too and could not get it to work either probably because or irregular size cells.<br />
<br />
Seegolden<!--content-->try using a good HTML editor like Macromedia Dreamweaver to fix the problem.<!--content-->bah, you don't need any WYSIWYG to create great code OR to debug your existing code.<br />
<br />
I changed this line from:<br />
<TABLE WIDTH=760 CELLPADDING=0 CELLSPACING=0 BORDER=0 ALIGN="LEFT" VALIGN="TOP" BGCOLOR="#FF0000"><br />
<br />
deleted the items in bold, thus:<br />
<br />
<TABLE WIDTH=760 CELLPADDING=0 CELLSPACING=0 BORDER=0 BGCOLOR="#FF0000"><br />
<br />
and ity seems to work together.<!--content-->I was just to lazy to look at the code and debugging in them usually works for me.<!--content-->Originally posted by Dr. Web <br />
bah, you don't need any WYSIWYG to create great code OR to debug your existing code.<br />
<br />
I couldn't have put it better :). Creating especially.<!--content-->As I said before. You don't NEED it, but it is a lot easier if you are lazy and for the things that he wants to do by just doing it that way. :D !!<!--content-->Thanks Dr. Web,<br />
<br />
I took out the Valign=top and Align=left (though I dont understand why this was a problem) and I end up with this:<br />
<br />
<!-- m --><a class="postlink" href="http://www.studio2013.com/realtor2/both2.html">http://www.studio2013.com/realtor2/both2.html</a><!-- m --><br />
<br />
How can I get rid of the gap between the two tables then?<br />
<br />
Seegolden<!--content-->Never mind--I see I had a <BR> between. <br />
<br />
Now everything works but even though every <TD> is width=760, the botom table is one pixel to the right of the top table and the <TD> with "...Real Estate Broker" has a one pixel glitch as though it were only 759 pixels wide (red is the background color) -- so what to do about these one pixel glitches? I took out all the Valigns and Aligns since they seem to be problematic, but the result is the same. BTW why are the Valigns and Aligns problematic?<br />
<br />
<!-- m --><a class="postlink" href="http://www.studio2013.com/realtor2/both3.html">http://www.studio2013.com/realtor2/both3.html</a><!-- m --><br />
<br />
Thanks,<br />
Seegolden<!--content-->The middle image in the top row is 311 pixels wide, not 310. That is throwing off your carefully layed out table by one pixel. Resize the image to 310 pixels wide and you should be OK.<br />
<br />
There is nothing problematic about Valign or Align attributes, they do what they are supposed to. It just takes getting used to them and the effect they have on content.<br />
<br />
Regards,<br />
Kevin<!--content-->
 
Back
Top