Tips – Columns and Tables

Other Tips
The Basics: Fonts, Firefox and…
Inserting docs or pdf
Columns & Tables
NextGen Gallery & Slide Show


Columns

Option 1 of 2 Use <div> Containers

left cell 50w
second cell 250 w
Third cell 250 w
left cell 50w
second cell 150 w
Third cell 200 w
Fourth cell 200 w
This is our left-floated text box #1
This is our box #2.
This is our box #3.
This is our left text column. This is our box #4 with no border
PU

Option 2 of 2   Using TinyMCE Shortcode

TinyMCE shortcode [shortcode is code within brackets] can be used to create  columns from one  half to 5/6ths of a page wide.

[one_half] This is the left column. [/one_half] [one_half_last] This is the right column. [/one_half_last]

Here is the shortcode that  holds the content above (don’t use the dashes – ):

[-one_half][/one_half][-one_half_last][/one_half_last]

Available Shortcodes (don’t use the dashes – ):

[-one_third] makes a column 1/3 of a page wide
[-one_third_last]
[-two_third] makes a column 2/3 of a page wide
[-two_third_last]
[-one_half] makes a column 1/2 of a page wide
[-one_half_last]
[-one_fourth]
[-one_fourth_last]
[-three_fourth]
[-three_fourth_last]
[-one_fifth]
[-one_fifth_last]
[-two_fifth]
[-two_fifth_last]
[-three_fifth]
[-three_fifth_last]
[-four_fifth]
[-four_fifth_last]
[-one_sixth]
[-one_sixth_last]
[-five_sixth]
[-five_sixth_last]


Tables

You can use html to generate tables or use WP Tables Reloaded Plugin (Look under ‘Tools’ in the left hand column.  The following is a one row table and is used as a header menu at the top of a page

AoA HomeAoA PrideStaffIntegrated ArtAoA CounselingSample Student Schedule

 

3 Columns at 290 each wide