<Table>,<div>,<p>,<li> ? - GoFuckYourself.com

Klen · 03-06-2011, 07:39 AM

What is best when it comes to usability and speed on site to create tables and anything similar to tables?
Since you can use 4 different ways to accomplish same thing.When it comes to classic html tables code,that is easiest to create and you can also add css tag which allows instant changes like color,size and similar.
But some people claim how it's better to use div because then site loading is faster since size of code is smaller.
Is it really necessary to use div code?
Or maybe we can use simple p or li code to make what we want?
For example,what i want to do,is four pictures(thumbs)in row,to have a description text under each picture,and to be able to change instantly alignment,left/center/right.
Another thing which should be instantly changed when needed,is to be able to change number of pictures without having a layout corrupted ,so you simply change one number instead changing entire code to get desired result.

Which method do you use ?

Vendzilla · 03-06-2011, 11:09 AM

Try them all and do a speed test on the page. Tables are the easiest I think but with faster and faster broadband does it really matter?

Sid70 · 03-06-2011, 11:23 AM

since when internet came back to 33600?

WarChild · 03-06-2011, 11:24 AM

Tables are appropraite to use if you need to display data in a table format. Don't use the formatting otherwise. Simple.

FlexxAeon · 03-06-2011, 11:25 AM

go with div and p. tables are not as "easy" as some think, especially with complicated layouts and alignments all the <tr><td> span colspan rowspan blah blah blah blah blah gets ugly and confusing.

martinsc · 03-06-2011, 11:26 AM

tables for data, divs for design, p for paragraphs of text and li for list items....

RyuLion · 03-06-2011, 11:26 AM

Quote:

Originally Posted by FlexxAeon

go with div and p. tables are not as "easy" as some think, especially with complicated layouts and alignments all the <tr><td> span colspan rowspan blah blah blah blah blah gets ugly and confusing.

Serge Litehead · 03-06-2011, 02:15 PM

Use tables ONLY for tabular data, meaning one row equals one record set.

If you're using multiple record sets per row/s it becomes real nightmare in maintaining and generation of table's rows and cells in your application, you will have to enable processes to count how many rows and cells there are, put some obscure conditions and the whole thing comes out not being elegantly implemented. It is simply not logical and not the best solution to use tables in such way. Also table is not rendered in a browser until it is fully loaded.

For the rows of thumbs/titles/etc which are basically separate sets of records its best to stack them in to rows with DIV containers and having content positioned appropriately within them through the use of css classes

03-06-2011, 07:39 AM	#1
Klen Industry Role: Join Date: Aug 2006 Location: Little Vienna Posts: 32,235	<Table>,<div>,<p>,<li> ? What is best when it comes to usability and speed on site to create tables and anything similar to tables? Since you can use 4 different ways to accomplish same thing.When it comes to classic html tables code,that is easiest to create and you can also add css tag which allows instant changes like color,size and similar. But some people claim how it's better to use div because then site loading is faster since size of code is smaller. Is it really necessary to use div code? Or maybe we can use simple p or li code to make what we want? For example,what i want to do,is four pictures(thumbs)in row,to have a description text under each picture,and to be able to change instantly alignment,left/center/right. Another thing which should be instantly changed when needed,is to be able to change number of pictures without having a layout corrupted ,so you simply change one number instead changing entire code to get desired result. Which method do you use ?

03-06-2011, 11:09 AM	#2
Vendzilla Biker Gnome Industry Role: Join Date: Mar 2004 Location: cell#324 Posts: 23,200	Try them all and do a speed test on the page. Tables are the easiest I think but with faster and faster broadband does it really matter? __________________ Webair died? Carbon is not the problem, it makes up 0.041% of our atmosphere , 95% of that is from Volcanos and decomposing plants and stuff. So people in the US are responsible for 13% of the carbon in the atmosphere which 95% is not from Humans, like cars and trucks and stuff and they want to spend trillions to fix it while Solar Panel plants are powered by coal plants think about that

03-06-2011, 11:23 AM	#3
Sid70 Downshifter Industry Role: Join Date: Dec 2002 Location: Road trip Posts: 16,413	since when internet came back to 33600? __________________ Русня, идите нахуй!

03-06-2011, 11:24 AM	#4
WarChild Let slip the dogs of war. Industry Role: Join Date: Jan 2003 Location: Bermuda Posts: 17,263	Tables are appropraite to use if you need to display data in a table format. Don't use the formatting otherwise. Simple. __________________ .

03-06-2011, 11:25 AM	#5
FlexxAeon Confirmed User Industry Role: Join Date: May 2003 Posts: 3,765	go with div and p. tables are not as "easy" as some think, especially with complicated layouts and alignments all the <tr><td> span colspan rowspan blah blah blah blah blah gets ugly and confusing. __________________ flexx [dot] aeon [at] gmail

03-06-2011, 11:26 AM	#6
martinsc Too lazy to set a custom title Industry Role: Join Date: Jun 2005 Location: 127.0.0.1 Posts: 27,047	tables for data, divs for design, p for paragraphs of text and li for list items.... __________________ Make Money

03-06-2011, 02:15 PM	#8
Serge Litehead Confirmed User Industry Role: Join Date: Dec 2002 Location: Behind the scenes Posts: 5,190	Use tables ONLY for tabular data, meaning one row equals one record set. If you're using multiple record sets per row/s it becomes real nightmare in maintaining and generation of table's rows and cells in your application, you will have to enable processes to count how many rows and cells there are, put some obscure conditions and the whole thing comes out not being elegantly implemented. It is simply not logical and not the best solution to use tables in such way. Also table is not rendered in a browser until it is fully loaded. For the rows of thumbs/titles/etc which are basically separate sets of records its best to stack them in to rows with DIV containers and having content positioned appropriately within them through the use of css classes __________________ SilverCrocodile.com Adult web design since '05 Last edited by Serge Litehead; 03-06-2011 at 02:22 PM..