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!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Htnl and Table

Status
Not open for further replies.

samesale

Programmer
Sep 15, 2003
133
US
I have written the following:

<table width="100%"> <tr><td>

<table bgcolor ="lightblue" border="0" cellpadding="0" width="100%" >
<tr><td align="right"><font size=2> Car Model Year: <br>
<input type="text" name="year" size=5></td></tr>
<tr><td align="right"><font size=2> Maximum Acceptable Price:<br>$
<input type="text" name="price" size=12> </font></td> </tr>
</table>
</td>
<td align="center" valign="top">
<table width="80%">
<tr><td><font size=4><br><br><br><b>THIS SITE</td></tr>
</table>
</td></tr>
</table>

It works. However, I want the left table to control 40% of the screen and the right table 60%. I tried many ways to increase the size of the left table, it will not expand more that 10%. Please help.
 
i hope this isnt the answer...lol


<table width="60%"> <tr><td>

<table bgcolor ="lightblue" border="0" cellpadding="0" width="100%" >
<tr><td align="right"><font size=2> Car Model Year: <br>
<input type="text" name="year" size=5></td></tr>
<tr><td align="right"><font size=2> Maximum Acceptable Price:<br>$
<input type="text" name="price" size=12> </font></td> </tr>
</table>
</td>
<td align="center" valign="top">
<table width="40%">
<tr><td><font size=4><br><br><br><b>THIS SITE</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

______________________________________________________________________________
"The sluggard does not plow after the season, so he begs during the harvest and has nothing."
-[Proverbs 20:4]


 
Not sure what you want but this gives me a left table at 40%
Code:
<table width="100%"> <tr><td>

<table  bgcolor ="lightblue" border="0" cellpadding="0"  width="40%"  >
<tr><td align="right"><font size=2> Car Model Year: <br>
<input type="text"  name="year"  size=5></td></tr>
<tr><td align="right"><font size=2> Maximum Acceptable Price:<br>$       
<input type="text"  name="price" size=12> </font></td> </tr>
</table>
</td>
<td align="center" valign="top">
<table width="60%">
 <tr><td><font size=4><br><br><br><b>THIS SITE</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

Glen
 
This works prefectly well for me:

Code:
<html>
<head></head>
<body>
	<table width="100%" cellpadding="0" border="1" bgcolor="lightblue">
		<tr>
			<td width="40%">
				<table>
				<tr><td align="right">Car Model Year: <br /><input type="text" name="year" size=5></td></tr>
				<tr><td align="right">Maximum Acceptable Price:<br />$<input type="text" name="price" size=12></td></tr>
				</table>
			</td>
			<td width="60%">B
				<table width="80%">
				<tr><td><b>THIS SITE</b></td></tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>

Admittedly, I've only tried it in IE6, but it seems to work.

Your troubles could have been caused by all the end tags you missed out.

Hope this helps,
Dan
 

I've just tried my code in Opera and Mozilla, and it works fine, giving 40/60 as expected, same as IE 6.

Dan
 
Thank you to all of you for your help. All suggestions worked.
Thanks again.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top