Forums
This topic is locked
Vertical Alignment of Form Objects
Posted 21 years ago
1
has voted
21 years ago Greg Crockatt posted:
I've got a site search form object in the top frome of a site I'm building.. It's contained within a table and fits normally on the horizontal. My problem is that I want to align the text box and the submit button to the bottom of the td. No matter what I try I can't seem to achieve this. I've added alignment to the td itsself, to the form elements and to the style sheet elements and still the damned things are staying valigned to the top of the cell.
Does anyone know what I'm doing wrong? How can I vertically align form elements in a table cell? I'm usin DWMX and nothin seems to make it happen.
Replies
Replied 21 years ago
21 years ago james crellin replied:
I would make sure that there isnt any spaces or page breaks after the elements. Place the cursor at the end of them and press the down key. If there are any then delete them.
Can you paste the code here on the forum so we can take a look at it?
-=- saleblitz
<img src="www.syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<b>"I learn so I can help."</b> =- Saleblitz
Can you paste the code here on the forum so we can take a look at it?
-=- saleblitz
<img src="www.syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<b>"I learn so I can help."</b> =- Saleblitz
Replied 21 years ago
21 years ago Greg Crockatt replied:
Sure..
Heres the table cell and it's contents.
<pre id=code><font face=courier size=2 id=code> <TD height="63" COLSPAN=4 valign="bottom" background="topframe/machine-tile.gif">
<form action="www.spacesurfer.com/cgi-bin/minisearch/Search2.1.pl" target="mainFrame">
<input type=hidden name="colour" value="black">
<input type=hidden name="size" value="624">
<input type=hidden name="font" value="medium">
<input type=hidden name="ID" value="seguin">
<input name="Keywords" value="" size=38><input type=submit value="Search"></form>
</TD></font id=code></pre id=code>
I'm using style sheets for formatting... But this form object just wont seem to align to the bottom..
Here is the url of this page, containing the old search box, which im replacing with this one..
Heres the table cell and it's contents.
<pre id=code><font face=courier size=2 id=code> <TD height="63" COLSPAN=4 valign="bottom" background="topframe/machine-tile.gif">
<form action="www.spacesurfer.com/cgi-bin/minisearch/Search2.1.pl" target="mainFrame">
<input type=hidden name="colour" value="black">
<input type=hidden name="size" value="624">
<input type=hidden name="font" value="medium">
<input type=hidden name="ID" value="seguin">
<input name="Keywords" value="" size=38><input type=submit value="Search"></form>
</TD></font id=code></pre id=code>
I'm using style sheets for formatting... But this form object just wont seem to align to the bottom..
Here is the url of this page, containing the old search box, which im replacing with this one..
Replied 21 years ago
21 years ago james crellin replied:
Try placing it between <table> and </table> tags. I will try and set up a sample after i get to work.
===================================================================
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><TD height="63" COLSPAN=4 valign="bottom" background="topframe/machine-tile.gif"><form action="www.spacesurfer.com/cgi-bin/minisearch/Search2.1.pl" target="mainFrame"><input type=hidden name="colour" value="black"><input type=hidden name="size" value="624"><input type=hidden name="font" value="medium"><input type=hidden name="ID" value="seguin"><input name="Keywords" value="" size=38><input type=submit value="Search"></form></TD></td>
</tr>
</table>
====================================================================
I hope that works. If not then i'm sure someone here can figure it out
- saleblitz
<center><b>"I learn so I can help."</b> =- Saleblitz
<img src="www.syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<img src="www.solowhost.com/FileUpload/fileupload/store/chipshot_2.gif" border=0>
<b>bring da pain!!</b></center>
Edited by - saleblitz on 21 May 2003 21:44:51
===================================================================
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><TD height="63" COLSPAN=4 valign="bottom" background="topframe/machine-tile.gif"><form action="www.spacesurfer.com/cgi-bin/minisearch/Search2.1.pl" target="mainFrame"><input type=hidden name="colour" value="black"><input type=hidden name="size" value="624"><input type=hidden name="font" value="medium"><input type=hidden name="ID" value="seguin"><input name="Keywords" value="" size=38><input type=submit value="Search"></form></TD></td>
</tr>
</table>
====================================================================
I hope that works. If not then i'm sure someone here can figure it out
- saleblitz
<center><b>"I learn so I can help."</b> =- Saleblitz
<img src="www.syndicprint.com/o_chacon/jtc_sig.gif" border=0>
<img src="www.solowhost.com/FileUpload/fileupload/store/chipshot_2.gif" border=0>
<b>bring da pain!!</b></center>
Edited by - saleblitz on 21 May 2003 21:44:51
Replied 21 years ago
21 years ago Greg Crockatt replied:
heh, tried putting an entire table inside the td of the other table but it still did not work.. Oddity! The code I pasted above was taken out of a table, it's not independant.
Edited by - skinNCNmaster on 21 May 2003 22:14:56
Edited by - skinNCNmaster on 21 May 2003 22:14:56