Spacing Vertical Columns in Joomla
Tuesday, 09 May 2006 19:00

If you have used Joomla much, youÂ’ll know that controlling the layout of items can be challenging at times. If you are a designer, youÂ’ll know that trying to get these nested tables outputted by Joomla can be a chore.

While working on a clientÂ’s site, I came up with this handy snippet of CSS. I donÂ’t know why I had never thought of cascading the CSS for the table styles before. Its able to produce some interesting effects playing with the background, margin and padding. You can add borders too. If you want to go further, add some tdÂ’s and trÂ’s to see how they effect the nested tables.

table table.contentpaneopen {background:#eee;margin:0 10px;padding:3px;}


blog comments powered by Disqus
 

Joomlashack University!

If you want Joomla training delivered to the comfort of your own home, then you need to join Joomlashack University - an affordable online Joomla training course taught by the world's leading experts in Joomla education.

Get Joomla Tips by RSS or Email

 

Joomla 1.6 Book

Get the NEW Joomla 1.6 Book

The new 3rd edition of the best selling Joomla 1.6 book is now available.

New and updated, its everything you need to know about Joomla 1.6!

Get it now from Amazon!

jenbookJoomla! Start to Finish Book

When you're ready to take your Joomla sites to the next level, try Joomla! Start to Finish: How to Plan, Maintain and Execute Your Website.

 

 

Teaching Sells

Classic Blog Posts