![]() | |
#101
| ||||
| ||||
|
|
In article <e3ivqa03183 (AT) news2 (DOT) newsguy.com>, <phil-news-nospam (AT) ipal (DOT) net> wrote: And I finally got things to work right with CSS tables, at least in Firefox. Phil, would you mind showing how? And did you test it with IE6? |
|
I still use simple tables in many of my layouts because I have never been able to get CSS to work to my satisfaction. Even specifying table elements in CSS don't behave as I would expect them to, in all browsers. |
|
Frankly, I don't see much difference between <td>...</td> and div>...</div>. |
|
Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ | (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ | ----------------------------------------------------------------------------- |
#102
| |||
| |||
|
|
I still use simple tables in many of my layouts because I have never been able to get CSS to work to my satisfaction. Even specifying table elements in CSS don't behave as I would expect them to, in all browsers. |
|
Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ | (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ | ----------------------------------------------------------------------------- |
#103
| ||||||||||||
| ||||||||||||
|
|
On Sat, 06 May 2006 23:54:28 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: | phil-news-nospam (AT) ipal (DOT) net wrote: |>On Sat, 06 May 2006 18:48:03 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: |>| phil-news-nospam (AT) ipal (DOT) net wrote: |>|> What term would you use for data that |>|>is not tabular in nature, but requires exactly the same presentation? |>| |>| Maybe I'd call it an image? On the WWW I'd almost certainly call it |>| broken. | |>Why would it be broken? | | Because the WWW is media independent and if a certain exact | presentation is required then that is something that can not exist on | the WWW. What does your grid look like in an aural browser? Not all content is suitable for all media. What does you voice look like on a visual browser to a deaf person? |
|
|>I see no reason to have a constraint on _what_ you can put in a table. |>If it's a number, fine. If it's a block text, why should that matter? | | Anything can go into a table so long as it's tabular data. That can be | text, images, anything. So long as it has a relationship with the | other items of data in the same row and column then it's tabular data. And this rule applies whether it's a TABLE element in HTML or CSS tables? |
|
| Who ever suggested that it can't be a block of text? Other respondents in this newsgroup. |
|
OK, so it's a block of text then. I'll try to remember who to send them to if they try to say any different. You can set them straight. |
|
|>It's like a table, with no required relationships. | | Bingo. That's the context I've been using it in this thread. Like a 2d | representation of a table in presentation, but without the table | semantics. Since you widened the scope of what is tabular data, then doesn't that imply the semantics of tabular data, if I use that which is within the scope of tabular data? |
|
| You're rapidly approaching Luigi levels of obliviousness. No meaning to me from that. |
|
I don't think there is anything in HTML that can truly give me the semantics of the document itself, the way I want. |
|
|>| That's how it works - HTML for semantics and CSS for presentation. | |>There are, however, semantics for the things found in the CSS "language". |>That's not semantics of the document, but rather, semantics of how those |>things will cause the browser to render the document. | | The "semantics" of the CSS display: table-* properties are "make this | look _like_ a typical 2d rendering of a table". Maybe they should have chosen a different term in place of "table". |
|
But, neveretheless, it is there, and it can be made to work, though it seems a few other people don't have the knack for it (but, you do). |
|
|>So why is there "table" in HTML _and_ "table" in CSS? Is "table" a kind |>of presentation? Someone thought so if they put it in CSS. | | The table in HTML is to markup data with table semantics. | The table in CSS is to markup data with table like presentation. You left the door pretty wide for using HTML tables, though. |
|
| The built in style sheets in browsers give CSS table presentation to | HTML tables, so you don't need to specify the CSS itself in your | author stylesheet. | | But if you want to create something that looks like a table, but | isn't, semantically speaking, a table you use the CSS to give the | table presentation to some other HTML element - one who's semantics | does match the data in question. I think that leaves things pretty well open to the wild to debate whether some contents/document is a table. |
|
Some others would not agree with you about anything being allowed if it had the row and column relationships that you seemed to a few paragraphs above. It might be presented as a table; but _is_ it a table? Who knows. |
#104
| ||||||||||||||||
| ||||||||||||||||
|
|
phil-news-nospam (AT) ipal (DOT) net wrote: On Sat, 06 May 2006 23:54:28 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: | phil-news-nospam (AT) ipal (DOT) net wrote: |>On Sat, 06 May 2006 18:48:03 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: |>| phil-news-nospam (AT) ipal (DOT) net wrote: |>|> What term would you use for data that |>|>is not tabular in nature, but requires exactly the same presentation? |>| |>| Maybe I'd call it an image? On the WWW I'd almost certainly call it |>| broken. | |>Why would it be broken? | | Because the WWW is media independent and if a certain exact | presentation is required then that is something that can not exist on | the WWW. What does your grid look like in an aural browser? Not all content is suitable for all media. What does you voice look like on a visual browser to a deaf person? My voice is presentation. But my words are content. Hence I would put my words into an HTML document and leave the details of my voice to a CSS stylesheet. |
|
|>I see no reason to have a constraint on _what_ you can put in a table. |>If it's a number, fine. If it's a block text, why should that matter? | | Anything can go into a table so long as it's tabular data. That can be | text, images, anything. So long as it has a relationship with the | other items of data in the same row and column then it's tabular data. And this rule applies whether it's a TABLE element in HTML or CSS tables? CSS doesn't have elements and doesn't have (document) semantics. The 'rule' above applies to HTML tables. CSS tables are purely for presentation and can be applied to anything. |
|
| Who ever suggested that it can't be a block of text? Other respondents in this newsgroup. Care to post the messages IDs? |
|
OK, so it's a block of text then. I'll try to remember who to send them to if they try to say any different. You can set them straight. Feel free. But please point them towards an actual post of mine rather than just trying to paraphrase my words or quote part of them out of context. I suspect that the chances are that I and they will agree and that it is you who has yet again failed to grasp the distinction. |
|
|>It's like a table, with no required relationships. | | Bingo. That's the context I've been using it in this thread. Like a 2d | representation of a table in presentation, but without the table | semantics. Since you widened the scope of what is tabular data, then doesn't that imply the semantics of tabular data, if I use that which is within the scope of tabular data? No. The semantics of what is a table are as have been given several times. There must be a relationship along the rows and down the columns. table thead tr th scope="col">Stock Number</th th scope="col">Item Name</th th scope="col">Item Description</th th scope="col">Picture</th th scope="col">Unit Cost</th /tr /thead tbody tr td>467657</td td>Clue Stick</td td><p>For beating people who seem incapable of getting a clue via any other means. 42.5cm with average radius of 2.1cm. Made of solid oak.</p></td td><a href="/pics/467657.jpg"><img src="/thumbs/467657.jpg" alt="Clue Stick"></a></td td>?15.80</td /tr .... /tbody /table See? There are still relationships between the cells even though they contain different types of data. The only real debate here is whether one should make the first cell of each row a th rather than td. |
|
If the paragraph in column 3 and the image in column 4 weren't related to the stock number in column 1 then it would not be a table. | You're rapidly approaching Luigi levels of obliviousness. No meaning to me from that. Google for Luigi in alt.html. You remind me of him. |
|
I don't think there is anything in HTML that can truly give me the semantics of the document itself, the way I want. Which is why HTML gives you the semantically neutral div and span elements to as hooks to hang semantics-free presentation on. |
|
|>| That's how it works - HTML for semantics and CSS for presentation. | |>There are, however, semantics for the things found in the CSS "language". |>That's not semantics of the document, but rather, semantics of how those |>things will cause the browser to render the document. | | The "semantics" of the CSS display: table-* properties are "make this | look _like_ a typical 2d rendering of a table". Maybe they should have chosen a different term in place of "table". Would you also suggest that they should have avoided the word list in display: list-item and list-style-type? |
|
Every element in HTML has a presentation that is more or less the same across graphical browsers. The writers of CSS 2 decided that thaat default presentation had to be expressable in CSS. For most elements standard properties like margin and display: block could be used, but for lists and even more so for tables a set of new properties had to be created to replicate the default presentation. |
|
Maybe a study of http://www.w3.org/TR/CSS21/sample.html would be instructive as to why CSS exists in the form it does? |
|
But, neveretheless, it is there, and it can be made to work, though it seems a few other people don't have the knack for it (but, you do). Other people were probably trying to make something that worked in the real world where IE dominates. |
|
|>So why is there "table" in HTML _and_ "table" in CSS? Is "table" a kind |>of presentation? Someone thought so if they put it in CSS. | | The table in HTML is to markup data with table semantics. | The table in CSS is to markup data with table like presentation. You left the door pretty wide for using HTML tables, though. I'm not opening or closing any doors. I've said all along that as IE doesn't support the relevant CSS you have to make a choice between using semantically false tables or changing your design (or living in a fantasy world where IE doesn't exist). |
|
| The built in style sheets in browsers give CSS table presentation to | HTML tables, so you don't need to specify the CSS itself in your | author stylesheet. | | But if you want to create something that looks like a table, but | isn't, semantically speaking, a table you use the CSS to give the | table presentation to some other HTML element - one who's semantics | does match the data in question. I think that leaves things pretty well open to the wild to debate whether some contents/document is a table. Yes, there is room for debate and even disagreement. Your chessboard is a good example. It doesn't really match my simplified descript of having relationships across the rows and dow the columns, but still has many table like qualities to it. A more common example is a form - placing all the labels in one column and all the inputs in another. |
|
Some others would not agree with you about anything being allowed if it had the row and column relationships that you seemed to a few paragraphs above. It might be presented as a table; but _is_ it a table? Who knows. I think you've missed the point again. The row and column relationships must say somthing about the data in cell X,Y so that by looking along row X and column Y we learn something more about that piece of data. Using a table to lay out a grid whereby each column contained news stories from different regions wouldn't be a table in my mind. |
|
But if each row specified a time period (and hence each cell could contain multiple news stories,) then that would be a table. It wouldn't matter in which order a speech browser read out the stories so lng |
|
Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ | (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ | ----------------------------------------------------------------------------- |
#105
| ||||
| ||||
|
|
On Sun, 07 May 2006 11:52:37 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: | phil-news-nospam (AT) ipal (DOT) net wrote: |>On Sat, 06 May 2006 23:54:28 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: |>| Who ever suggested that it can't be a block of text? | |>Other respondents in this newsgroup. | | Care to post the messages IDs? Why would I keep a record of that, for what seemed, at that time, something with no great controversy? Do you keep a record of every message ID of everything you discuss when it's about something you are not an expert in just in case someone later on says "oh, that's not true, give me the message ID of that"? That's just not a common, or practical practice, any more than expecting you to police every thread (otherwise I could say "why were you not there to refute it on the spot"). |
|
|>| You're rapidly approaching Luigi levels of obliviousness. | |>No meaning to me from that. | | Google for Luigi in alt.html. You remind me of him. In what way? FYI, I'm not actually going to look. I have no interest in following some useless thread of conversation somewhere else. And I should not have followed this one aside from the fact that doing so finally led me to something that worked. The average person would probably have given up before a working example was seen. |
|
| But if each row specified a time period (and hence each cell could | contain multiple news stories,) then that would be a table. It | wouldn't matter in which order a speech browser read out the stories | so lng |
|
I think the order should matter. |
#106
| ||||||
| ||||||
|
|
phil-news-nospam (AT) ipal (DOT) net wrote: On Sun, 07 May 2006 11:52:37 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: | phil-news-nospam (AT) ipal (DOT) net wrote: |>On Sat, 06 May 2006 23:54:28 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: |>| Who ever suggested that it can't be a block of text? | |>Other respondents in this newsgroup. | | Care to post the messages IDs? Why would I keep a record of that, for what seemed, at that time, something with no great controversy? Do you keep a record of every message ID of everything you discuss when it's about something you are not an expert in just in case someone later on says "oh, that's not true, give me the message ID of that"? That's just not a common, or practical practice, any more than expecting you to police every thread (otherwise I could say "why were you not there to refute it on the spot"). If you still have the copies of the messages that you downloaded to read then you can just look them up in your newsreader. I keep threads so long as I'm participating in them and I keep really interesting posts for longer. Or you can go to Google Groups and search for the posts in questions. 'cos at the moment you're saying that "someone said something" but not offering any cites to back that up. |
|
Maybe someone did say what you think they said, maybe they said something different and you misunderstood, maybe your making stuff up, how can I tell? |
|
|>| You're rapidly approaching Luigi levels of obliviousness. | |>No meaning to me from that. | | Google for Luigi in alt.html. You remind me of him. In what way? FYI, I'm not actually going to look. I have no interest in following some useless thread of conversation somewhere else. And I should not have followed this one aside from the fact that doing so finally led me to something that worked. The average person would probably have given up before a working example was seen. Tell me about it. I have no idea why I've put up with this thread for so long. |
|
| But if each row specified a time period (and hence each cell could | contain multiple news stories,) then that would be a table. It | wouldn't matter in which order a speech browser read out the stories | so lng Whoops, I missed off the end of that sentence "It wouldn't matter in which order a speech browser read out the stories so long as reference was given to the row and column headers so that the context was known." |
|
I think the order should matter. Should speech browsers read across rows or down columns? Or should they give the user the choice? And should they give users the choice to pick a cell from the middle of the table and listen to that cell in isolation? Sighted users can choose how they read a table because their presentation is 2d, blind users have a 1d presentation. Proper HTML markup give speech readers access to the document semantics so that that 1d presentation doesn't become a hindrance. |
|
Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ | (first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ | ----------------------------------------------------------------------------- |
#107
| |||
| |||
|
|
One wonders where that finger has been over the past couple of decades. |
#108
| |||
| |||
|
|
On Fri, 05 May 2006 08:10:01 +0100 Steve Pugh <steve (AT) pugh (DOT) net> wrote: | Consider your blocks of text that you want to arrange in a grid. Now | take the block of text that's at the intersection of the third row and | the second column. What does that fact that it's at that intersection | _mean_? That can depend. It might be more important that it is in the second column. | In a table it means something. e.g. it means that it's the printer | sales figure for France (row) in May 2005 (column); or that the black | queen is on square C6 (which is why I think the chessboard is a valid | table). | | But it just means that this block of text is in the third row and the | second column, then there are no table semantics. And hence HTML | tables should not be used, but CSS display: table-* can be used to | give the appearance a table like grid effect. |
#109
| |||
| |||
|
|
dl dt>Fruit</dt dd>apple</dd dd>orange</dd dd>pear</dd dt>Vegetables</dt dd>potatoe</dd dd>carrot</dd dd>parsnip</dd dd>leek</dd dd>onion</dd dt>Meat</dt dd>Lamb</dd dd>Mutton</dd /dl |
![]() |
| Thread Tools | |
| Display Modes | |
| |