homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Styling Lists

5+ Year Member

Msg#: 4402236 posted 12:19 pm on Dec 26, 2011 (gmt 0)

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?

Do suggest - If any1 understand my query

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



WebmasterWorld Senior Member 5+ Year Member

Msg#: 4402236 posted 8:26 am on Dec 30, 2011 (gmt 0)

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.


WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

Msg#: 4402236 posted 10:11 am on Dec 30, 2011 (gmt 0)

(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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved