Wrox Home  
Search P2P Archive for: Go

  Return to Index  

html_code_clinic thread: Touble With Tables


Message #1 by "Tom Nocer" <chevelleneeded@y...> on Sat, 25 Jan 2003 06:29:37
Well I finally took Imar's advice and made my complete webpage a table 
(which is somewhat easier to work with).  Although I am now having alittle 
problem with setting the height of the cells.  I have a column with 3 
tables in it and I believe the first one's height is working properly but 
the next 2 are not.  Maybe someone can see what I am doing wrong.


Heres my code:

        <!-- Start of column -->
         <table width="16%" align="left" border="0" cellspacing="0" 
cellpadding="0">

              <tr><td style="background-color:#DEDEDE" width="16%" 
height="36%">

	<!-- Start table 1 -->
<table style="background-color:#D4D4D4; color:#000099;" width="100%" 
height="100%" border="0" cellspacing="0" cellpadding="4">
	<tr><td style="color:#FFFFFF; font-size:12pt;" bgcolor="#000099" 
align="center" valign="top" nowrap="nowrap"><b>Heading</b></td></tr>
	<tr><td class="leftnavs" align="left" valign="top" 
bgcolor="#F0F0F0"><b>Text</b></td></tr>
</table>
              </td></tr>

	      <tr><td bgcolor="#E8E8E8" width="16%" height="16%">

	<!-- Start table 2 -->
<table style="background-color:#E8E8E8" width="100%" height="100%" 
border="0" cellspacing"0" cellpadding"0">
        <tr><td height="3%" style="color:#FFFFFF; font-size:11pt;" 
bgcolor="#000099" align="center"><b>Heading</b></td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="1%">&nbsp;</td></tr>
</table>
		</td></tr>

		<tr><td bgcolor="#E8E8E8" width="16%" height="10%">

	<!-- Start table 3 -->
<table style="background-color:#E8E8E8" width="100%" height="100%" 
border="0" cellspacing"0" cellpadding"0">	    
	<tr><td height="3%" style="color:#FFFFFF; font-size:11pt;" 
bgcolor="#000099" align="center"><b>Heading</b></td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="3%" class="leftnavs" align="left">Text</td></tr>
	<tr><td height="1%">&nbsp;</td></tr>
</table>
		</td></tr>

		<tr><td bgcolor="#E8E8E8" width="16%" height="13%">

	<!-- Start table 4 -->
<table style="background-color:#E8E8E8" width="100%" height="100%" 
border="0" cellspacing"0" cellpadding"0">
	<tr><td  height="3%" style="color:#FFFFFF; font-size:11pt;" 
bgcolor="#000099" align="center"><b>Find A Similar Vehicle</b></td></tr>
	<tr><td  height="3%" class="leftnavs" align="left">Competing 
Vehicles</td></tr>
	<tr><td  height="3%" class="leftnavs" align="left">Previous 
Years</td></tr>
	<tr><td  height="3%" class="leftnavs" align="left">Compare All 
Styles</td></tr>
	<tr><td  height="1%">&nbsp;</td></tr>
</table>

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


(class="leftnavs"  is:
        font-size:11pt;
	font-family:'times new roman, serif')


Thanks everyone, Tom

  Return to Index