Re: [WSG] Table grid to CSS Grid
Helmut Granda wrote: > Is it possible to turn a table grid into a full CSS grid? If it's tabular data, as others have said, mark it up as a table. But with tabular data, there is a relationship between the rows and the columns. Sometimes we want to present something in a grid, not a table, and that certainly can be done with CSS. The second project in Eric Meyer's "More Eric Meyer on CSS" uses a CSS to style a photo collection in a grid pattern. Vicki. :-) -- Vicki Berry DistinctiveWeb Web: http://www.distinctiveweb.com.au Blog: http://www.unheardword.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Table grid to CSS Grid
Thanks again for everyone's response, It makes more sense now and it makes
it easier to define what CSS layout is, at one point I thought that
everything had to be CSS and nothing else or it wouldn't Validate, but I see
that this is not the case.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Dennis Lapcewich
Sent: Friday, October 07, 2005 1:27 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Table grid to CSS Grid
No. You are mixing apples and bicycles.
Tableless layout refers to the *page design.* Within a tableless *page*
layout, the tabular content should be in a table.
Dennis
"Helmut Granda"
<[EMAIL PROTECTED]
udios.com> To
Sent by:
[EMAIL PROTECTED] cc
rdsgroup.org
Subject
RE: [WSG] Table grid to CSS Grid
10/07/2005 11:08
AM
Please respond to
[EMAIL PROTECTED]
roup.org
Thanks for your feedback guys. So those who insist in creating table-less
layouts can not be done so all the time, there are times when you HAVE to
use tables or it wont work.
Would that statement be correct?
Is it even wroth it to fight to transform that kind of content into
table-less?
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Table grid to CSS Grid
No. You are mixing apples and bicycles.
Tableless layout refers to the *page design.* Within a tableless *page*
layout, the tabular content should be in a table.
Dennis
"Helmut Granda"
<[EMAIL PROTECTED]
udios.com> To
Sent by:
[EMAIL PROTECTED] cc
rdsgroup.org
Subject
RE: [WSG] Table grid to CSS Grid
10/07/2005 11:08
AM
Please respond to
[EMAIL PROTECTED]
roup.org
Thanks for your feedback guys. So those who insist in creating table-less
layouts can not be done so all the time, there are times when you HAVE to
use tables or it wont work.
Would that statement be correct?
Is it even wroth it to fight to transform that kind of content into
table-less?
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Table grid to CSS Grid
On 07/10/05, Helmut Granda <[EMAIL PROTECTED]> wrote: > Thanks for your feedback guys. So those who insist in creating table-less > layouts can not be done so all the time, there are times when you HAVE to > use tables or it wont work. > > Would that statement be correct? Table-less layouts are possible. But that doen't imply the page will or should be table-free. If inside those CSS layouts tabular data must be displayed, that's what TABLEs are for. The idea is stop mis-using tables, not stop using them. > > Is it even wroth it to fight to transform that kind of content into > table-less? > Just let paragraphs be s, headings be s and tabular data be and everything will go just fine :-) -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Table grid to CSS Grid
Helmut Granda wrote: Thanks for your feedback guys. So those who insist in creating table-less layouts can not be done so all the time, there are times when you HAVE to use tables or it wont work. Would that statement be correct? No. It's avoiding tables for positioning of elements that should be avoided. Using a table for tabular data IS what the W3 suggests is proper. but this: Hi! style of "markup" is what we call "tag soup" and is, well, worthless for the evolution of the web. Is it even wroth it to fight to transform that kind of content into table-less? No. Not if you are after webstandards at least. Use css for positioning, decoration, and so forth. use a table for tabular data. you wouldn't type your resume up in Excel, would you? you probably wouldn't use Word to build a chart, either :D ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Table grid to CSS Grid
Thanks for your feedback guys. So those who insist in creating table-less layouts can not be done so all the time, there are times when you HAVE to use tables or it wont work. Would that statement be correct? Is it even wroth it to fight to transform that kind of content into table-less? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Manuel González Noriega Sent: Friday, October 07, 2005 12:48 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Table grid to CSS Grid On 07/10/05, Helmut Granda <[EMAIL PROTECTED]> wrote: > Is it possible to turn a table grid into a full CSS grid? It's possible (kind of) but not desireable. > I have been looking for tutorials or some one who covers the subject, but > most places talk about using tables... > > Something like this > > > | a | b | c | d | > > | e | f | g | h | > > | I | j | k | l | > > > This is just an example, in reality ABCD can be the title of the columns and > E-L can be the content. > That's a table by nature and you should mark it up precisely so. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Table grid to CSS Grid
On 07/10/05, Helmut Granda <[EMAIL PROTECTED]> wrote: > Is it possible to turn a table grid into a full CSS grid? It's possible (kind of) but not desireable. > I have been looking for tutorials or some one who covers the subject, but > most places talk about using tables... > > Something like this > > > | a | b | c | d | > > | e | f | g | h | > > | I | j | k | l | > > > This is just an example, in reality ABCD can be the title of the columns and > E-L can be the content. > That's a table by nature and you should mark it up precisely so. -- Manuel a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web. http://simplelogica.net # (+34) 985 22 12 65 ¡Ah! y escribiendo en Logicola: http://logicola.simplelogica.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Table grid to CSS Grid
Helmut Granda wrote:
Is it possible to turn a table grid into a full CSS grid?
I have been looking for tutorials or some one who covers the subject, but
most places talk about using tables...
Something like this
| a | b | c | d |
| e | f | g | h |
| I | j | k | l |
This is just an example, in reality ABCD can be the title of the columns and
E-L can be the content.
sounds like tabular data to me. This semantically SHOULD be in table tags.
if you want to, it can be done.
div.cell {
float: left;
width: 100px;
border: 1px solid #000;
}
A
B
.
.
.
L
for your mark-up
in a container of more than 600px, you will have the div wrap to the
next line. border-width, padding and margins can screw this up pretty
easily, and works best in a fix-ed width layout.
i used something similar on this basic demo i made:
http://www.hondaswap.com/ajscaraudio/
but, note, the product cat's are NOT tabluar data, hence, why i floated
them.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] Table grid to CSS Grid
Is it possible to turn a table grid into a full CSS grid? I have been looking for tutorials or some one who covers the subject, but most places talk about using tables... Something like this | a | b | c | d | | e | f | g | h | | I | j | k | l | This is just an example, in reality ABCD can be the title of the columns and E-L can be the content. TIA ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
