Re: [css-d] making rows line up - tables or css?
> That said... I too would like to know what people consider the criteria for > table vs. css usage... With some less-obvious examples. To me, if the data > is truly blocks of related "data" that one might see in a spreadsheet, that > seems to be a good case for using regular html tables. But a few examples > from the more experienced list members, where they might have used tables, > would probably put the question to rest. Well, this kinda brings up an interesting discussion - simulating markup. If I were to use css to create a row/column structure, then I would be simulating markup which is seems to be frowned upon. By using a table structure, yeah, it's using it for layout, but the type of layout that a table is meant to be used for, organized row/column information. I guess I kinda answered my question... unless someone has some better suggestions... thanks, Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
> > The content is donor level information. So, it's just > blocks of text w/ varied heights arranged as described > above. Is it really table "data"? > I'm not quite sure. That's why I wasn't sure if a > table is appropriate or not. Watch out - I asked a very similar question only a few days ago and got mauled by a list admin for asking what was considered an off-topic question. That said... I too would like to know what people consider the criteria for table vs. css usage... With some less-obvious examples. To me, if the data is truly blocks of related "data" that one might see in a spreadsheet, that seems to be a good case for using regular html tables. But a few examples from the more experienced list members, where they might have used tables, would probably put the question to rest. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
>> >> A B >> A >> >> C D >> D > > > Mike, what type of content are you presenting? Ideally your choice of > markup ought to be driven by the semantic content of your material. > You'll be able to create the presentation you're looking for with > tables, definition lists, and other markup; it all depends on what's > right for the material. The content is donor level information. So, it's just blocks of text w/ varied heights arranged as described above. Is it really table "data"? I'm not quite sure. That's why I wasn't sure if a table is appropriate or not. thanks, Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
On 24/05/06, Christian Heilmann <[EMAIL PROTECTED]> wrote:
>
> > > I am trying to create a page that isn't going to have the same height
> > > content in each row, but
> > > needs to line up like this:
> > >
> > > A B
> > > A
> > >
> > > C D
> > > D
> > >
> > > E F
> > >
> > > G H
> > > G H
> >
> > Off the top of my head, I'd do something like this. Since I don't know
> > what the content is, I'm using generic elements
>
> >
> > #row2, #row3, #row4 { clear: left; }
>
> ...also remember it's not just a question of whether tables or css are
> easier to achieve this. Tables used in this way do not indicate the semantic
> structure of your document and compromise accessibilty, ease of maintenance,
> flexibililty and futureproofing, so much better to learn the css way now and
> you will be at a real advantage later, as well as doing things correctly!
>
--
http://www.web-buddha.co.uk
dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css)
look out for project karma, our new venture, coming soon!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
> > I am trying to create a page that isn't going to have the same height
> > content in each row, but
> > needs to line up like this:
> >
> > A B
> > A
> >
> > C D
> > D
> >
> > E F
> >
> > G H
> > G H
>
> Off the top of my head, I'd do something like this. Since I don't know
> what the content is, I'm using generic elements
>
> #row2, #row3, #row4 { clear: left; }
Roger got the solution, however, the question is: Is the content
tabular data? If it is, use a table, if it isn't, CSS might be more
flexible.
If you need the row DIVs that Roger uses to have the same height as
the highest "cell" DIV (for example to set a background colour) you
also need to float them to the left and give them a width.
HTH
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
Mike,
On May 23, 2006, at 9:00 PM, Mike Soultanian wrote:
> I am trying to create a page that isn't going to have the same height
> content in each row, but
> needs to line up like this:
>
> A B
> A
>
> C D
> D
>
> E F
>
> G H
> G H
Off the top of my head, I'd do something like this. Since I don't know
what the content is, I'm using generic elements
-- html
B
C
DD
E
F
GG
HH
--- css --
.c1 { float: left; width: 49%; margin-right: 1%; }
.c2 { float: left; width: 49%; margin-left: 1%; }
.dc { float: left; }
#row2, #row3, #row4 { clear: left; }
hth
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] making rows line up - tables or css?
On 5/23/06, Mike Soultanian <[EMAIL PROTECTED]> wrote: > I am trying to create a > page that isn't going to have the same height content in each row, but > needs to line up like this: > > A B > A > > C D > D > > E F > > G H > G H > > Is there a reasonably easy way to do this with CSS. Is this better > suited to tables? It's quite easy to do with CSS if you understand floats and clearing floats. Basicly you just have a two column page repeated several times. But if you are used to tables you might find it more than you can easily handle. It requires thinking in a whole different way and that's not easy. -- Ed Seedhouse __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] making rows line up - tables or css?
I love CSS, and I try do to everything with CSS, but I'm wondering if tables are a better way to achieve my goal. I am trying to create a page that isn't going to have the same height content in each row, but needs to line up like this: A B A C D D E F G H G H Is there a reasonably easy way to do this with CSS. Is this better suited to tables? Thanks! Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
