Atlantis Online
October 17, 2019, 03:37:35 pm
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Comet theory collides with Clovis research, may explain disappearance of ancient people
http://uscnews.sc.edu/ARCH190.html
 
  Home Help Arcade Gallery Links Staff List Calendar Login Register  

How to use TABLES to create columns of text or lay out posts.

Pages: [1]   Go Down
  Print  
Author Topic: How to use TABLES to create columns of text or lay out posts.  (Read 102 times)
Horus
Hero Member
*****
Posts: 461



« on: September 26, 2007, 10:11:08 pm »

Hi Everyone,

A couple of people have asked me how I put some text into four columns on the Timaeus on Atlantis thread.
I used tables, and that is actually how websites were laid out in the '90s before Cascading Style Sheets took hold.

With tables you can arrange photos and blocks of text side by side as I did in the Sphinx thread here.

So how is it all done?

The button to create a table is this one:   the code is [table ] [/table ]
The next button is to create a row: the code is [tr ] [/tr ]  You will need this for every row you want.
The final button is to create columns: the code is [td ] [/td ]   You will need this in every row for as many columns as you are going to use. 

I found it was much faster for me to set up my first couple of rows and then copy and paste the code for the rest of them.

Here is an example of what your code will look like:



It will look like this in your post:




Now, if you want to clean it up a little bit, you can center the text within the columns, as well as underline your header row, etc.  All code for that needs to be inside of the columns tags, like this:



And it will appear as this in your post:




you can also put spacer columns in between your columns with information in them... it will center things better if you're centering each column.  Just put an extra [td ]           [/td ] in between your columns and leave several spaces in there and just copy and paste it in each row.

I had to push some text back for my Sphinx post by creating a different kind of spacer -a long, white understrike which is still visible but scarcely so:

Code:
[color=white]________________________________________[/color]

Now the latest addendum to all of this is:

You can no longer use the code:

Code:
[b] [/b]

at the very beginning/end when creating a table. You now have to use that code every time you want something on a particular line in bold.

You also no longer have to use the code:

Code:
[table][/table]

at the beginning/end.

Example:

TestColumn 1Column 2
Test 1   abcdefg12345
Test 2hijklmnop67890
Test 3qrstuvwxyz   12345

The code for the above table is:

Code:
[tr][td][u][b]Test[/b][/u][/td][td][u][b]Column 1[/b][/u][/td][td][u][b]Column 2[/b][/u][/td][/tr]
[tr][td]Test 1   [/td][td]abcdefg[/td][td]12345[/td][/tr]
[tr][td]Test 2[/td][td]hijklmnop[/td][td]67890[/td][/tr]
[tr][td]Test 3[/td][td]qrstuvwxyz   [/td][td]12345[/td][/tr]

Hope this is helpful!

Horus
« Last Edit: September 26, 2007, 11:14:27 pm by Horus » Report Spam   Logged

"For the greater individual is the one who is the servant of all. And to conquer self is greater than taking cities."

Reading 3253-2

Zodiac
Superhero Member
******
Posts: 4530



« Reply #1 on: September 26, 2007, 10:17:30 pm »

Thanks for the info.  Boy, does that look complicated!!  Huh

You are to be complimented for your patience. 
Report Spam   Logged
Horus
Hero Member
*****
Posts: 461



« Reply #2 on: September 26, 2007, 10:41:00 pm »

No prob, and it's easier than it looks -especially after you make your first one. All we are doing is clicking the table buttons and pasting our content in between the tags -just like with images.  -H.
« Last Edit: September 26, 2007, 11:13:58 pm by Horus » Report Spam   Logged

"For the greater individual is the one who is the servant of all. And to conquer self is greater than taking cities."

Reading 3253-2
Zodiac
Superhero Member
******
Posts: 4530



« Reply #3 on: September 27, 2007, 10:31:34 pm »

Wellll, I'll have to give it a whirl eventually. Nice animated smiley you got there!  He looks like he is teleporting someplace.   Cheesy
Report Spam   Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum
Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy