So I'm learning some php and found my html skills more then a little rusty. I'm trying to get my textarea to span two table columns. W3schools says I can do a colspan for a <th>
tag but didn't see if it was supported for <td>
. I thought about splitting it between two tables same form. Seems like there would be an easier way to do this. I did try td colspan"2" but it didnt do anything
echo '<form action="' . $_SERVER['PHP_SELF'] . '" method="post" id="crud_form">';
echo '<table id="table_articles">';
echo '<tr><td>Article Title:</td><td> <input type="text" name="art_title" /></td></tr>';
echo '<tr><td>Author:</td><td> <input type="text" name="author" /></td></tr>';
echo '<tr><td>Date Posted:</td><td> <input type="text" name="d_posted" /></td></tr>';
echo '<tr><td>Article Text:</td></tr>';
echo '<tr><td><textarea rows="10" columns="60" name="art_text" ></textarea></td></tr>';
echo '<tr><td><input type="submit" name="submit_art" value="Submit" /></td></tr>';
echo '</table>';
echo '</form>';
The CSS
#crud_form
{
color:red;
position:absolute;
left:300px;
top:200px;
border-style:outset;
border-width:5px;
border-color:red;
background-color:#cccccc;
}
#table_articles
{
color:red;
width:450px;
height:300px;
}
Thoughts? Thanks for the help.
<td colspan="2">...</td>
is absolutely correct.
<table border="1">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td colspan="2"><textarea style="width: 100%;" /></td>
</tr>
</table>
http://jsfiddle.net/uZuhp/
You need to use CSS to make the text area occupy all the width allotted to the td tag, for example:
<tr><td colspan="2"><textarea style="width: 100%;" /></td> </tr>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With