Jim, one mega site you could look at is ESPN.com. It's converting to full
css.
Stylesheet complexity is generally less severe than all the shims and hacks
for table based layout. And since content and presentation are separate, the
content can far more easily be adapted to other media (cell phones, hand
helds) and goes a long way to meeting accessibility questions.
One can get a lot of mileage out of a simple stylesheet by combining class,
style and span statements. For example, if you want 2 boxes all you need is
one class with a width of about 48% (have to allow a fudge for the mess IE
makes). Just have the same class twice in row, floated left. If you need to
modify it, span it or use "style" after the class attribute.
Something like this can take you a long way:
/* General style sheet */
/* Large format schemes */
/* Nav and One Box*/
.nav{width:20%; float:left;}
.large{width:77%; float:left;}
/* 3 column setup */
.tricent{width:53%; float:left;}
.trirght{width:22%; float:left;}
/* 2 Main Boxes */
.dual{width:48%; float:left;}
/* 3 Equal boxes */
.tri{width:32%; float:left;}
/* footer --*/
.footer{width:100%}
/* Clear */
.next{clear:both;}
/* Text formatting */
.cent{text-align:center;}
.emph{font-weight:bold;}
.und{text-variant:underline;}
.ital{text-decoration:italic;}
.smallc{text-variant:small-caps;}
.up{text-transform:uppercase;}
.low{text-transform:lowercase;}
.cap{text-transform:capitalize;}
.txtright{text-align:right;}
/* Layout sytling */
.bord{margin-bottom:0; padding-bottom:0;} /* Collapse borders */
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: Wednesday, March 26, 2003 1:01 PM
To: [EMAIL PROTECTED]
Subject: [wdvltalk] RE: CSS Lessons
Thanks for posting those list links. I've signed up already.
Question (re: Cheryl's last post)... do people really get that involved with
the intricacies (elemental heirarchy, positioning, etc) of CSS?
It's a fascinating concept, but is it beneficial and/or efficient, given
the time and effort to design & create a sheet that complex? Does anyone
(jon?) have an (jon?) example of such a beast? (it would be interesting to
see how it is applied and what type of site(e-commerce? infosite? mega-page
site?) it is used for)
~Jim
____ * The WDVL Discussion List from WDVL.COM * ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to %%email.unsub%%
____ • The WDVL Discussion List from WDVL.COM • ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
