Friday 7 March 2014

Html layout help for textareas

Posted by Саша 22:24, under | No comments


Html layout help for textareas? Html layout help for textareas?

Hi,

How can I out HTML text areas next to each other, (side by side) Currently as default they go below each other. If I need to use a table how can I make the grids invisible?

Thanks.


Other Answers:




Hi,

as now the tables by default don't show any borders, you could use this code:

<table>
<tr>
<td><textarea></textarea></td>
<td><textarea></textarea></td>
</tr>
</table>

if you want to make sure that it doesn't show any borders at all, use this code:

<table style="border:0;">
<tr style="border:0;">
<td style="border:0;"><textarea></textarea><...
<td style="border:0;"><textarea></textarea><...
</tr>
</table>


Although "Oo,oo Pick Me!" code is correct (and he's right about not using tables) it has some problems: (yes, I have tested it ;-D)

- If the resolution is too low (800x600) it doesn't work as the textareas are shown one above the other. ---> That's not a big deal, nowadays almost everybody uses 1024x768 or higher.

- If you make the textareas bigger one will be shown above the other (You can solve it by making bigger the DIV that contains them).

- That pink color is awful!!! (I had to make that comment XD)









0 коммент.:

Post a Comment