On Sun, 04 May 2008 12:48:57 +1200
Michael Adams wrote:
Errata inline
> On Sat, 03 May 2008 15:01:39 -0400
> Michael B Allen wrote:
>
> > Hi,
> >
> > I'm exploring the idea of using modules of code to emitting reusable
> > HTML UI elements like postal addresses, login forms, linked images
> > and in turn more sophisticated elements such as invoices, forum
> > posts, etc. Because these elements are supposed to be reusable I do
> > not want to force style information on the user and yet I need to
> > maximize the ease with which the user can apply their own style to
> > each element.
> >
> > For example, let's say one of these classes emits some HTML like the
> > following:
> >
> > <table>
> > <tr><td colspan="2"><h3>Account Information</h3></td></tr>
> > <tr><td>Username:</td><td>abaker</td></tr>
> > <tr><td>Email Address:</td><td>[EMAIL PROTECTED]</td></tr>
> > <tr><td>Full Name:</td><td>abaker</td></tr>
> > </table>
> >
> > Now let's say I want to change the style of h3 and the field labels
> > but within this table only. This is basically impossible through CSS
> > alone.
> >
>
> It's quite possible like so:
>
> #tableid h3 {
> color: blue /* Unique styles here */
> }
>
> #tableid label {
> color: green /* Unique styles here */
> }
>
> <table>
the above line should read
<table id="tableid">
My example page does have it correct.
> <tr><td colspan="2"><h3>Account Information</h3></td></tr>
> <tr><td><label>Username:</label></td><td>abaker</td></tr>
> <tr><td><label>Email Address:</label></td>
> <td>[EMAIL PROTECTED]</td>
> </tr><tr><td><label>Full Name:</label></td>
> <td>abaker</td>
> </tr></table>
>
[snip]
--
Michael
All shall be well, and all shall be well, and all manner of things shall
be well
- Julian of Norwich 1342 - 1416
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
