Boxes

Notes

  • This code can get confusing to other editors. Use in moderation.
  • The boxes will expand in size when you add content.
  • You can change the color of your side bar by changing the "background-color" code. Look up HTML colors here:

http://www.w3schools.com/Html/html_colors.asp
http://www.computerhope.com/htmcolor.htm

Preview: Creating a Layout with Boxes

xxxCONTENTxxx xxxCONTENTxxx
xxxCONTENTxxx xxxCONTENTxxx
xxxCONTENTxxx xxxCONTENTxxx

Code

[[table]]
[[row]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[/row]]
[[row]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[/row]]
[[row]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[cell style="vertical-align:top;padding: 10px; border: 1px solid silver; background-color:#BDEDFF"]]

xxxCONTENTxxx

[[/cell]]
[[/row]]
[[/table]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License