|
![]() |
#1 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]()
I ran across an old-fashioned inline HTML-type table (scroll down to the table) on the web and decided that I needed to figure out how to control tables with CSS.
I wanted to create a liquid page with a table controlled by CSS. I uploaded my first attempt. It took quite a while — I kept running into seemingly unsolveable problems:
P.S. — The thing validates as XHTML 1.0 Strict. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
![]() |
![]() |
![]() |
#2 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]()
No one else has any problems with this? Hmm.
__________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
![]() |
![]() |
![]() |
#3 |
Staff
Join Date: Jan 2005
Location: Uplyme, Devon, England
Posts: 1,402
|
![]()
It looks just fine in Firefox (Win).
__________________ Lois Wakeman http://lois.co.uk http://communicationarts.co.uk http://i4info.blog.co.uk |
![]() |
![]() |
![]() |
#4 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]()
Thanks. It looks okay in everything I tried, too, but I wanted to do something else (as I note in the text), and cannot figure that out for the life of me. Most (all?) of it — colspan, for example — could have been done with inline HTML as in the old days.
I fear I have just done something stupid. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
![]() |
![]() |
![]() |
#5 |
Staff
Join Date: Nov 2004
Posts: 7,653
|
![]()
Hm. Could you remove the table's borders then create your own by styling the individual cells with borders as required? Or would that leave little gaps between one cell and the next?
__________________ Steve Rindsberg ==================== www.pptfaq.com www.pptools.com and stuff |
![]() |
![]() |
![]() |
#6 | |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]() Quote:
I could obviously use the background-color as the border color (or at least I think I can), but that would be sort of bogus, don’t you think? __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
|
![]() |
![]() |
![]() |
#7 |
Staff
Join Date: Nov 2004
Posts: 7,653
|
![]()
Kludgy at best, I have to agree.
__________________ Steve Rindsberg ==================== www.pptfaq.com www.pptools.com and stuff |
![]() |
![]() |
![]() |
#8 | ||||||
Member
Join Date: Oct 2005
Location: Amsterdam, NL
Posts: 4,894
|
![]() Quote:
Quote:
Quote:
Quote:
Quote:
Quote:
The general structure of your table has actually lost some of the structure that was there in the original - for instance there are four main sections: and (unnamed) general (brand/model), features, additional features, and dealer information - each should have its own subhead; then there's a header (naming the columns) and a footer (for the totals - where you even have lost the columns!). So, looking at that structure, I come up with the following global structure: HTML Code:
<table> <caption>name your table here</caption> <thead>your column headings go here</thead> <tfoot>for the totals</tfoot> <tbody>general</tbody> <tbody>features</tbody> <tbody>additional features</tbody> <tbody>dealer information</tbody> </table> It is actually rather a complicated table, so it's not easy to do correct markup (and have it accessible as well) but it's certainly possible. But don't even do any styling until you've got the structure right - because the styling should support the structure, not fake a structure that isn't there in your markup. BTW, why are you leaving a space at the end of cell content? It will only make styling harder... __________________ Marjolein Katsma ![]() Occasionally I am also connecting online dots... and sometimes you can follow me on Marjolein's Travel Blog |
||||||
![]() |
![]() |
![]() |
#9 | ||||||
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]() Quote:
Quote:
Quote:
Quote:
![]() Quote:
Quote:
Appreciate your help. I knew I had taken a wrong direction when I started playing around with the subheads. __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
||||||
![]() |
![]() |
![]() |
#10 |
Founding Sysop
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,187
|
![]()
I think I figured out how to apply your advice, and have a second version.
I cannot figure out where the extra td> that appears at the top of the page is hanging out. And I wanted to have all the entries except <th> items be indented, but the darned thing ignored me when I added “text-indent: 1em;” to <td> (so I didn’t try “text-indent: none;” for <th>). Is there a secret? __________________ [SIZE=2][COLOR=LemonChiffon]::[/COLOR][/SIZE] [SIGPIC][/SIGPIC] |
![]() |
![]() |
![]() |
Thread Tools | |
Display Modes | |
|
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
tables + InDesign | FlipSide | Print Design | 9 | 12-12-2006 06:58 PM |
InDesign problem with merged cells in tables | iskreto | Print Design | 7 | 12-06-2006 09:53 AM |
Quark and InDesign tables: Hidden feature? | bmann | Print Design | 4 | 10-30-2006 12:30 PM |
InDesign tables | Adrian | Print Design | 1 | 10-11-2006 02:54 PM |