table formatting

[Brian]

Re: table formatting

Richard wrote:
[color=blue]
> According to information given so far, try this in CSS:
>
> <style>
> .contain {height:300px; width:300px;}
>
> .leftcol { width:100px; height:300px; border:2px solid red; float:left; }
> .row1, .row2, .row3, .row4 { width 190px; height:70px; border:2px solid
> blue; }
> </style>[/color]

That's a brittle solution that will fail when a user chooses an
unexpectedly large font size.

--
Brian

[Brian]

Re: table formatting

Andy Fish wrote:
[color=blue]
> I have a nice easy table and/or CSS formatting problem for any gurus
> out there.[/color]

We need a url to provide meaningful help.
[color=blue]
> I have a table with 4 columns - no "width" attribute on anything.
>
> Some rows have 4 cells in (call these type A) and some have colspan=4
> (type B)
>
> Some type B rows have much more text than all the type A cells put
> together. When this happens, the total width of the table expands
> (which is good) but it expands all the 4 columns evenly and this
> makes the type A rows look wrong. I would like to have the 4th column
> (or possibly an extra 5th column) take up all the slack so that the
> type A rows have their width the same as if the type B row only had a
> short value in it.[/color]

Set the width of the first 3 columns in em units. It will resize for the
user, but keep those rows at the same width regardless of the width of
the 1-column rows.
[color=blue]
> I've tried putting in a 5th column with width=100%[/color]

A 5th column? Are you sure this is tabular data?

--
Brian

[Brian]

Re: table formatting

Ali Babba wrote:[color=blue]
> Andy Fish wrote:
>[color=green]
>> I have a table with 4 columns - no "width" attribute on anything.
>> [snip] the type A rows look wrong. I would like to have the 4th
>> column (or possibly an extra 5th column) take up all the slack so
>> that the type A rows have their width the same as if the type B row
>> only had a short value in it.[/color]
>
> try css-tables[/color]

That's only useful if table markup is wrong. Otherwise, css-tables are
the wrong markup approach. And the markup is what counts, especially
since CSS is optional.
[color=blue]
> <style type="text/css">
> .wrapper {
> float: left;
> border: 1px solid black;
> }
>
> .cell {
> float: left;
> clear: right;
> border: 1px solid red;
> }
>
> .cell_right_fil l {
> display: block;
> border: 1px solid green;
> }
>
> .break {
> clear: both;
> }
> </style>[/color]

None of this constitutes css tables. Instead, you've used display: block
and floats. That may be a useful solution, but it is not what you
claimed it was.

--
Brian

[Ali Babba]

Re: table formatting

Brian wrote:[color=blue]
> Ali Babba wrote:
>[color=green]
>> Andy Fish wrote:
>>[color=darkred]
>>> I have a table with 4 columns - no "width" attribute on anything.
>>> [snip] the type A rows look wrong. I would like to have the 4th
>>> column (or possibly an extra 5th column) take up all the slack so
>>> that the type A rows have their width the same as if the type B row
>>> only had a short value in it.[/color]
>>
>>
>> try css-tables[/color]
>
>
> That's only useful if table markup is wrong. Otherwise, css-tables are
> the wrong markup approach. And the markup is what counts, especially
> since CSS is optional.
>[color=green]
>> <style type="text/css">
>> .wrapper {
>> float: left;
>> border: 1px solid black;
>> }
>>
>> .cell {
>> float: left;
>> clear: right;
>> border: 1px solid red;
>> }
>>
>> .cell_right_fil l {
>> display: block;
>> border: 1px solid green;
>> }
>>
>> .break {
>> clear: both;
>> }
>> </style>[/color]
>
>
> None of this constitutes css tables. Instead, you've used display: block
> and floats. That may be a useful solution, but it is not what you
> claimed it was.
>[/color]


could you back up your claim with a reference to an undisputable
definition of 'css-tables' ?

[Lauri Raittila]

Re: table formatting

in comp.infosystem s.www.authoring.html, Ali Babba wrote:[color=blue]
> Brian wrote:[/color]
[color=blue][color=green]
> > None of this constitutes css tables. Instead, you've used display: block
> > and floats. That may be a useful solution, but it is not what you
> > claimed it was.[/color][/color]
[color=blue]
> could you back up your claim with a reference to an undisputable
> definition of 'css-tables' ?[/color]

http://www.w3.org/TR/REC-CSS2/tables.html

especially http://www.w3.org/TR/REC-CSS2/tables.html#q2

Which you would have wound esily using google

http://www.google.com/search?&q=css-tables

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

[Brian]

Re: table formatting

Ali Babba wrote:[color=blue]
> Brian wrote:
>[color=green]
>> Ali Babba wrote:[/color][/color]

[excessive quoting snipped]
[color=blue][color=green][color=darkred]
>>> <style type="text/css">
>>> .wrapper {
>>> float: left;
>>> border: 1px solid black;
>>> }
>>>
>>> .cell {
>>> float: left;
>>> clear: right;
>>> border: 1px solid red;
>>> }
>>>
>>> .cell_right_fil l {
>>> display: block;
>>> border: 1px solid green;
>>> }
>>>
>>> .break {
>>> clear: both;
>>> }
>>> </style>[/color]
>>
>>
>> None of this constitutes css tables.[/color]
>
> could you back up your claim with a reference to an undisputable
> definition of 'css-tables' ?[/color]

http://www.w3.org/TR/CSS21/tables.html

Your sense of outrage is charming, especially since you're so
uncontroversial ly wrong.

--
Brian