table alignment help
Posted: Tue Dec 31, 2002 10:49 am
hey guys, i'm doing this ecard project where a user chooses an image, enters information, and they can send a nice little greeting card to someone. i have all the server scripting done...but i'm having problem with TABLES! i have an image that a drew of the "postcard" and have that as a background, and then i put the image the user chooses where i want it and then i need to have some input boxes. i'm having trouble lining up the boxes where i need them...i can do it with "position:absolute" but not everyone will have the same resolution. could someone plz look at my code or IM me at maverickman55 and try to help me out? thanks
here is the code and the link to my page http://216.25.255.85/cearly/card/test.php
here is the code and the link to my page http://216.25.255.85/cearly/card/test.php
Code: Select all
<html>
<body bgcolor="#999999">
<style type="text/css">
</style>
<div align="center">
<!--main table-->
<table name="main" width="660" height="350" cellpadding="0" cellspacing="0" background="images/postcard.jpg">
<tr>
<td width="50%"><table><tr><td></td><td></td><td><img src="images/cottage.jpg"></td></tr></table></td>
<!--form-->
<td width="19%" name="spacer">
<table height="100%" width="90%" cellpadding="0" cellspacing="0">
<tr><td>
<div style="position:absolute;left:644px;top:106"><table height="10% cellpadding="0" cellspacing="0"><td><input type="text"></td></table></div>
<div style="position:absolute;left:644px;top:137"><table height="10%"cellpadding="o" cellspacing="0"><td><input type="text"></td></table></div>
<div style="position:absolute;left:644px;top:167"><table height="10%"cellpadding="o" cellspacing="0"><td><input type="text"></td></table></div>
</td></tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>