Ive uploaded a page describing my approach to "table" list design:
http://www.webcssdesign.34sp.com/me/aTableLikeList.htm
i think a List would be a much more semantic way to describe this kind of
layout
UL{
list-style:none;
margin:0;
padding:0;
display:table;
width:80%
}
DIV{
display:table-row;
zoom:1
}
LI{
display:cell;
float:left;
width:32.9%;
border:1px dotted #000
}
<ul>
<div>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
</div>
<div>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
<li>
<h2>Title</h2>
<p>Text</p>
</li>
</div>
</ul>
i could have used UL to describe each row, but all the LI elements are
brothers so i sepereated them with the non semantic element- DIV.
i placed the unValid property- Zoom for IE6 support. to give the div a
layout. without it the table-row wouldn't had work.
thank you a lot Tee, u helped me a lot!
Solomon
On 2/23/07, Shlomi Asaf <[EMAIL PROTECTED]> wrote:
what do you think suppose to be in tables?
does a list represent better a list of cloths and there details, ordered
in a gallery layout?
does a table represent a tabular data. what is that exactly? only numbers
or maybe also cloths and there details?
On 2/23/07, Christian Montoya <[EMAIL PROTECTED]> wrote:
>
> On 2/23/07, Shlomi Asaf <[EMAIL PROTECTED]> wrote:
> > Thanks a Lot Tee
> > what i don't understand is- you create a table layout, so why not
> using a
> > Table if u already has the structure, and even a little more expensive
> then
> > table- you have another element- the clearing one.
>
> Because using the table wouldn't be semantically correct... it's for
> things that aren't meant to be put in tables, but making it look like
> a table would acheive the visual effect you want.
>
> --
> --
> Christian Montoya
> christianmontoya.net .. designtocss.com
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
>
--
www.webcssdesign.34sp.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
www.webcssdesign.34sp.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
