Board index » html » using tables to align text and textarea

2003-07-13 06:55:00 AM
been trying to use tables with rowspan to horizontally align text prompts
and a multiline textarea but so far not working
<tr>
<td rowspan="2">prompt for text area </td>
<td><TEXTAREA cols=30 rows= 2 wrap name="prevExperText" value="">
</TEXTAREA></td>
<tr>
can this be done?
-

been trying to use tables with rowspan to horizontally align text prompts
and a multiline textarea but so far not working
<tr>
<td rowspan="2">prompt for text area </td>
<td><TEXTAREA cols=30 rows= 2 wrap name="prevExperText" value="">
</TEXTAREA></td>
<tr>
can this be done?
Using a table to align or position components is a no no. It won't behave
properly outside of IE.
-

<tr>
<td rowspan="2">prompt for text area </td>
<td><TEXTAREA cols=30 rows= 2 wrap name="prevExperText" value="">
</TEXTAREA></td>
<tr>
can this be done?
Sorry, what I meant to say:
Using a table to align or position components of a form is a no no. It
won't behave properly outside of IE.
-

thanx for the reply,
wow thats seems to be big news, so just to be perfectly clear
so no tables of any kind in a form??
just use breaks, spaces, tabs etc to do all the formatting?
"Blindsya" <anom@anom.com>wrote in message
<tr>
<td rowspan="2">prompt for text area </td>
<td><TEXTAREA cols=30 rows= 2 wrap name="prevExperText" value="">
</TEXTAREA></td>
<tr>
can this be done?

"Blindsya" <anom@anom.com>wrote in message
<tr>
<td rowspan="2">prompt for text area </td>
<td><TEXTAREA cols=30 rows= 2 wrap name="prevExperText" value="">
</TEXTAREA></td>
<tr>
can this be done?

elements are positioned with tables?
I agree that positioning form elements with tables is bad, but forms *do*
still render and operate just fine with browsers other than IE.
--
Karl Core
Charles Sweeney says my sig is fine as it is.
-

The trick is to put your table WITHIN your Form tags:
Wrong: <table><tr><td><form><textarea></form></td></tr></table>
Correct: <form><table><tr><td><textarea></td></tr></table></form>
Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
www.davmagic.com
-

Gazing into my crystal ball I observed "bbxrider" <bbxrider1@comcast.net>
writing in news:CskQa.53976$Ph3.4899@sccrnsc04:
simple form:
<form method="post" action="somepage" id="tableform">
<table summary="A table used to layout a form">
<caption>Fill Out the Form</caption>
<colgroup span="2" valign="top">
<col align="right" width="20%" />
<col align="left" width="80%" />
</colgroup>
<tr>
<td colspan="2">Name and Address Information</td>
</tr><tr>
<td><label for="name">Name: </label></td><td><input type="text"
name="name" id="name" /></td>
</tr><tr>
<td><label for="address">Address </label></td><td><input type="text"
name="address" id="address" /></td>
</tr><tr>
<td colspan="2"><p style="text-align:center"><input type="submit"
value="Submit" />  <input type="reset" value="Cancel" /></p></td>
</tr>
</table>
</form>
Better:
<form method="post" action="somepage" id="regularform">
<fieldset><legend>Name and Address Information</legend>
<label for="name">Name: </label><input type="text" name="name"
id="name" /><br />
<label for="address">Address </label><input type="text" name="address"
id="address" />
</fieldset>
</form>
You can then use CSS to style the elements of the form more easily.
--
Adrienne Boswell
Please respond to the group so others can share
www.arbpen.com
-

ok now am getting confused,
is it hit or miss if tables will work ok with forms outside of IE? there
seems to be opinions here
is coding the table within the form tags ok for all browsers?? this seems a
simple solution
"Davmagic com" <DLSD@webtv.net>wrote in message

The trick is to put your table WITHIN your Form tags:

Wrong: <table><tr><td><form><textarea></form></td></tr></table>

Correct: <form><table><tr><td><textarea></td></tr></table></form>



Web Design-Magic-Painting-Junking-Games
INFO 2000 For You
www.davmagic.com

-

In article <Lk0Qa.44487$sY2.19558@rwcrnsc51.ops.asp.att.net>, bbxrider1
@comcast.net says...
with table rows. If you don't like where the prompt goes then use css
to align it vertically.
Some people don't like tables used for form layout, but there's quite a
lot of argument about this so I shouldn't worry about it too much -
although if you find yourself using nested tables then you probably need
to rethink your design.
Here's a small example of a form laid out in a table with some (probably
too much!) css used to style it:
porjes.com/tform.html
I've dropped in your textarea (modified a bit) to show you how it's
done.
-

"bbxrider" <bbxrider1@comcast.net>:
--
John W.
<webcel.nl/>
"Time is what prevents everything from happening at once"
- John Archibald Wheeler -
-