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;
}
<div id="container">
<div class="cell">A</div>
<div class="cell">B</div>
.
.
.
<div class="cell">L</div>
</div>
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
******************************************************
