SB Tutorial: Textboxes Side by Side

[sireesanwar.livejournal.com]

Account Status: All
Actions: Multiple Textboxes Side by Side
Theme: All

What We Hope To Achieve:


The coding for this is actually pretty simple despite looking rather difficult.

It is basically this (Replace the { with < and the } with >):
{textarea rows="10" cols="40" style="font-family:Arial; font-size:11px;"}Text

{/textarea} &nbsp;&nbsp;&nbsp; {textarea rows="10" cols="40" style="font-family:Arial; font-size:11px;"}By

{/textarea} &nbsp;&nbsp;&nbsp; {textarea rows="10" cols="40" style="font-family:Arial; font-size:11px;"}Side

{/textarea}

The row size will change how tall it is and works from a 1-100 or so on scale while the cols (or columns) works by 10s. As you can see I put the close of the and followed it up with the coding for a space which is &nbsp; making sure those spaces show up. Then I started the beginning of a new textarea on the same line so the will all show up on one line.

This is a simplistic way of doing it and going from Visual Editor to HTML Editor will more than likely erase your "spaces".

Another way of doing this is by tables.

(there are spaces between < textarea and /textarea > that need to be removed & between < table and /table >)

<table width="95%" align="center">
<tr>
<td> Add Text Box Coding Here </td>
<td> Add Text Box Coding Here </td>
<td> Add Text Box Coding Here </td>
</tr>
</table>

Which comes out looking like this:

Have more questions. Please comment.