HTML 101- Simple 2 Column Table - i.e. Display 2 widgets or images, side-by-side in a Text Box.

I had a member ask this question, and thought I would share with all. You can also accomplish this, using our WYSIWYG HTML Editor at:
http://theningdirectory.ning.com/simplescript?page=htmleditor_fs

Often, you will want to display 2 items side-by-side, in a Ning Text Box. They may be 2 blocks of code for 2 widgets, 2 images, 2 links, or any 2 items that will fit in a Ning Text box, horizontally.

In order to accomplish this, you need to create a simple 2 column table with HTML code. Below is the code to create this table. Just paste your individual items, where it says "block 1 goes here" and "block 2 goes here". Be sure that both images or widgets will in fact fit in your text box, horizontally.

<center><table border="0" width="100%" cellspacing="1">
<tr>
<td>block 1 goes here.</td>
<td>block 2 goes here.</td>
</tr>
</table>
</center>

NOTE: TABLE WIDTH - If the 100% is not working for you, try changing the width to pixels. If you need an overall table width of 500 pixels, use this code: width="500"

Views: 1338

Attachments:

Replies to This Discussion

Thank you again for this code. l like this .
thank you for the code
Thanks!!

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips