Hi,

I want to create something like you can see on www.joomclub.org/prepaid-packages (just an example!). The elements I would like to create are:
1. Four columns next to each other, and within each column a list
2. Each column is styled a little different.
3. When I hover over a column the color changes.

Questions:
1. What is the best way to create this?
2. Is thre maybe an extension for creating these four columns next to each other?
3. Would it be smart to put four modules next to each other and try to style those?

Regards, Maurice

Hi Maurice,

Since you are looking to create your own template, you could consider using Artisteer or creating your own from scratch.

Check out this tutorial:
www.artisteer.com/?p=joomla_templates

You can also design your page similar to the joomclub site using CSS3 Table styling.

Here is a WONDERFUL site:
tympanus.net/codrops/2010/05/03/pimp-your-tables-with-css3/

This is a great site too:
css-tricks.com/

Hi Tessa,

I checked the last two sites you mentioned, looks great indeed, thanks!
I will go ahead and try.
1. Do you know of any problems with in IE7 and IE8 concerning the use of tables?
2. In my example the site uses Unorderded Lists. Is it bettre/easier to use tables?

Regards, Maurice

Hi Maurice,

You are welcome! :-)

1. Here is a library of CSS/CSS3 elements that tell you which versions of IE it is compatible with:
msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx

2. Lists are good for 1 dimensional data, and tables are good for two dimensions of information.
Information: css-discuss.incutio.com/wiki/Tables_Vs_Lists

Thanks, clear!

Maurice, you are very welcome! =)

Also, you might be interested in this extension that can build the table you are interested in:

extensions.joomla.org/extensions/clients...ings-a-reviews/11305

Hi Maurice,

Here's a few more extensions that you could check out:

1) Comparison table:
extensions.joomla.org/extensions/news-di...tables-a-lists/18673

2) Abivia SuperTable
extensions.joomla.org/extensions/news-di...tables-a-lists/18972

3) Abivia SuperTable Pro
extensions.joomla.org/extensions/news-di...tables-a-lists/19824

4) Rok Feature Table:
extensions.joomla.org/extensions/news-di...tables-a-lists/17335

We use Rok Feature Table on our site. For example, www.ostraining.com/joomla-templates/

Hope this helps!

Kind regards,
Nick

Hi Nick and Tessa,

Thanks! Wooh, difficult choice. After comparing I choose for an extension, Abivia Super Table. Comes closest to what I would like to create (in the easiest way).
I will let you know if it works out well.

Regards, Maurice

Hi Maurice,

You're welcome! Awesome! We're glad that you found one that you like :)

Sounds good. We're looking forward to know if it works out well.

Kind regards,
Nick

Hi Nick and Tessa and future users of the Abivia extension,

The Abivia extension is a very nice tool, but not always very easy to style. When I use it in a module it works fine, but not that well when I use it in an article. As the creator says: 'The problem is that SuperTable's CSS is taking precedence. you can either add the !important condition to your settings, or write more specific rules that incorporate enclosing classes.'
Altogether it took me quite some time to figger it all out, but I'm happy with the result.

Regards, Maurice

Hi Maurice,

Very cool! If possible, you should send us a link to your table to check out the end result :)

Kind regards,
Nick

I will as soon I'm finished! Right now I know exactly how to do it, but I still have to 'fill' the table nicely.
Maurice

Got it. Sounds good!

Kind regards,
Nick

Hi Nick,

As promised, I would let you know when the table and page is ready. Well it is. You can take a look at www.sitesuccess.nl/uw-website/nieuwe-website-3-pakketten.
If you -or somebody else- has any suggestions (technically or from usability point of vieuw), please let me know!

Kind regards, Maurice

Hi Maurice
Great table; I like the way it highlights "Pro".
Regards

Nick have you noticed that the Number of Posts counter has stopped working on the site. I am sure that mine stopped working a month before anybody else's!