Table element style management at table level?

Post #113,615 by tablizer 8/12/03 4:21:49 PM Reply	Table element style management at table level? I am trying to be able to apply a style name to an HTML table, and have elements within that table "inherit" those properties. In this case ideally the first table (with "style1") would have blue column headers (TH). But, it does not seem to work. I thought I have seen it done before, but don't remember the syntax. \n[html]\n[head]\n\n [style type="text/css"]\n style1.th { background-color : #0059b3; color: white;}\n [/style]\n\n[/head]\n\n\n[body]\n\n[table class="style1" border=1]\n [tr]\n [th]\n Column1\n [/th]\n [th]\n Column2\n [/th]\n [/tr]\n [tr]\n [td]\n Foo\n [/td]\n [td]\n Bar\n [/td]\n [/tr]\n[/table]\n\n[p]\n\n[table border=1]\n [tr]\n [th]\n Column1\n [/th]\n [th]\n Column2\n [/th]\n [/tr]\n [tr]\n [td]\n Foo\n [/td]\n [td]\n Bar\n [/td]\n [/tr]\n[/table]\n\n[/html]\n (sorry about angle brackets. Haven't quite figured out IWETHEY coding escaping yet) ________________ oop.ismad.com
Post #113,617 by admin 8/12/03 4:26:33 PM Reply	Re: Table element style management at table level? Turn off "Process HTML". Or use \\< instead of <. Regards, -scott anderson "Welcome to Rivendell, Mr. Anderson..."
Post #113,618 by FuManChu 8/12/03 4:27:36 PM Reply	Child selectors are separated by a space try: `table.style1 th`, and if that doesn't work, try: `table.style1 tr th` since I can't remember if the descendant has to be immediate. "There's a set of rules that anything that was in the world when you were born is normal and natural. Anything invented between when you were 15 and 35 is new and revolutionary and exciting, and you'll probably get a career in it. Anything invented after you're 35 is against the natural order of things." Douglas Adams
Post #113,619 by drewk 8/12/03 4:32:55 PM Reply	You've got the declaration backwards You want: \n[style type="text/css"]\n .style1 th { background-color : #0059b3; color: white;}\n[/style] === Implicitly condoning stupidity since 2001.
Post #113,632 by tablizer 8/12/03 5:50:14 PM Reply	It works! Kudos ________________ oop.ismad.com
Post #113,621 by bbronson 8/12/03 4:37:54 PM Reply	It may not be your syntax Check out [link\|http://www.richinstyle.com/bugs/table.html\|http://www.richinsty...m/bugs/table.html] The section on tables is near the bottom of the page. It looks like inheriting styles in tables is pretty much non-functional. Brian Bronson
Post #113,623 by drewk 8/12/03 4:47:55 PM Reply	No, it's his syntax The table inheritance bug is a different issue. The proper syntax is that the style name follows the period. Child elements are separated by a space. So for instance: .classname{\n padding: 2px;\n} will set padding for any elements that are of class 'classname'. Whereas: .classname p{\n padding: 2px;\n} will set padding for any <p> elements that are first-level decendants of an element that is of class 'classname', and: p.classname{\n padding: 2px;\n} will set padding for any <p> elements that are of class 'classname'. === Implicitly condoning stupidity since 2001.

Welcome to IWETHEY!