Comments on: Simulating a Table Using an Unordered List http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/ think. code. design. innovate. Wed, 28 Dec 2011 12:01:44 +0000 hourly 1 http://wordpress.com/ By: E-sitesweb » 45 Powerful CSS/JavaScript-Techniques http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-308 Wed, 28 Dec 2011 12:01:44 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-308 [...] Simulating a Table Using an Unordered List Your first question immediately might be, “why would I want to simulate a table with a list, why not just use a table?” With the raise in popularity of AJAX sortable list elements, using list items to represent a multiple column data table can allow for easy sorting of various more “tabley” information. So let’s get started. [...]

]]> By: Lee Taylor http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-307 Thu, 17 Nov 2011 01:20:25 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-307 What an extraordinary piece of software!! Well conceived.

Have created a “css” file with 5 columns, …_col1 thru …_col5, each 18% as it needs to be < 100% due to borders, inside a "wrapper" of whatever width. Can now in the "html" page, make it scalable from 1 to 5 columns, modifying the width %.

Am in the process of rewriting my current website using "Tabs" & now incorporating "your" CSS Table!!!

Thanks for the gift.

Lee

]]> By: 45 Powerful CSS/JavaScript-Techniques « DownGraf – Design weblog for designers http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-305 Wed, 29 Jun 2011 06:43:51 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-305 [...] Simulating a Table Using an Unordered List Your first question immediately might be, “why would I want to simulate a table with a list, why not just use a table?” With the raise in popularity of AJAX sortable list elements, using list items to represent a multiple column data table can allow for easy sorting of various more “tabley” information. So let’s get started. [...]

]]> By: George http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-293 Tue, 01 Mar 2011 22:04:16 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-293 It was very useful … Thanks

]]> By: RC http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-252 Wed, 01 Sep 2010 10:21:31 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-252 Hi Tim,

Can’t believe that a post from 2007 helps me in a project in 2010. Thanks a bunch for this post!

I needed to create a ‘timetable’ widget. Basically a table when each row will have different number of columns, with a different column width. A TV Guide widget.

Thanks again!

]]> By: Geek is a Lift-Style. » 45 Powerful CSS/JavaScript-Techniques http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-248 Mon, 21 Jun 2010 17:19:00 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-248 [...] Simulating a Table Using an Unordered ListYour first question immediately might be, “why would I want to simulate a table with a list, why not just use a table?” With the raise in popularity of AJAX sortable list elements, using list items to represent a multiple column data table can allow for easy sorting of various more “tabley” information. So let’s get started. [...]

]]> By: 45种有用的Css/Javascript技巧 | narco http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-247 Sat, 08 May 2010 14:11:27 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-247 [...] 用无序列表模拟一个表格 [...]

]]> By: 45 Powerful CSS/JavaScript-Techniques « wwwba http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-246 Wed, 14 Apr 2010 01:09:14 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-246 [...] Simulating a Table Using an Unordered List Your first question immediately might be, “why would I want to simulate a table with a list, why not just use a table?” With the raise in popularity of AJAX sortable list elements, using list items to represent a multiple column data table can allow for easy sorting of various more “tabley” information. So let’s get started. [...]

]]> By: Styling your Lists: 20+ Brilliant How to’s and Best Practices - Huntsville Talk http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-236 Thu, 04 Feb 2010 18:19:15 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-236 [...] Simulating a Table Using an Unordered List [...]

]]> By: Tim Knight http://innovativethought.net/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-233 Wed, 27 Jan 2010 21:54:47 +0000 http://innovativethought.wordpress.com/2007/06/11/simulating-a-table-using-an-unordered-list/#comment-233 Kevin, I would say that while table columns do automatically resize, that in most cases at least stating width in a percentage to ensure longer cells for one column relative to the other columns is pretty common. While you can’t directly adjust div widths dynamically without JavaScript (as far as I’m aware), you could still set a div’s width with a percentage just as you can with a table column. But in cases of actual tabular data remember that tables work just fine.

]]>