Styling Lists

[tech2check]

Hi Community, please visit this url [facebook-games-list.com...]

I just want to know - how this page is created a list is such good style. It is listing 'Facebook Monthly Active Users' and listing games by numbered list 1. 2. 3.
Linking its related pages in the list
Images of the Games.

I want to know - if any1 can suggest - how this can be done in WP, is this a theme feature or some plugin feature?


Thanks
Do suggest - If any1 understand my query

[edited by: alt131 at 7:19 am (utc) on Dec 30, 2011]
[edit reason] Thread Tidy [/edit]

[alt131]

Hi tech2check and welcome to WebmasterWorld,

To save anyone else a 9+meg download and 40+s download time, the linked site is about facebook games and the "list" is really a table.

I'm undecided whether this type of information is tabular or list data, but I'm positive I saw a demo using lists to achieve this layout earlier this year - can anyone else recall this?

Back to your question tech2check, I think you will probably get better help finding something like this by asking in a specialist wordpress forum rather than general forums like WebmasterWorld.

But we can help understand how this is styled :) First I suggest you inspect the page in one of the web developer tools - web inspector for safari or firebug for firefox. That should make it easy to see the css is quite simple because the layout is achieved by using two table rows. The image on the left spans both rows, and the other information has been aligned vertically and horizontally within the table cells to achieve the desired layout.

[penders]

(Thanks for the 'slow page' warning!)

Just my 2 cents... I think it's tabular data: Name, Type(s), Rating, #Users. In this case sorted by '#Users'. In some ways, any ordered block of data is a list. But if there's more than 1 data type displayed then I think it should probably be a table, IMO.