[BNM] timesonline - a css travesty?

[Antony Jones]

> You might aswell put the style inline!! No - as far as I can see -
that
> was never a good idea.

Yes, this is what I'm thinking.

For example:

<div class="float-left width-385">

One of CSS' main benefits is that it acts as a layer of abstraction
between the current layout/theme and the content of the page. If styles
are named after their attributes, then there is no point in using CSS at
all.

This includes things like:
Thick-border
Float-left
Left-menu

Etc. What if you want the left-menu on the right! It'll still be called
left-menu... silly :(

And sapient's site is all in flash...

Antony Jones
Developer
 
Gamesys Limited
e: antonyj at gamesys.co.uk
t: 0207 478 8103
a: 1st Floor, 54-62 Regent Street, LONDON, W1B 5RE
 

> -----Original Message-----
> From: bnmlist-bounces at brightonnewmedia.org [mailto:bnmlist-
> bounces at brightonnewmedia.org] On Behalf Of wayne at codingvista.com
> Sent: 28 February 2007 14:16
> To: Brighton New Media
> Subject: Re: [BNM] timesonline - a css travesty?
> 
> You might aswell put the style inline!! No - as far as I can see -
that
> was
> never a good idea. It looks like the kind of code you'd expect Word to
> output.
> 
> 
> w://
> 
> Debra C <brightondebs at yahoo.co.uk> wrote:
> 
> > Hi all,
> > here at Madgex we recently created the job section for timesonline.
I
> built
> the
> > css/html and in the process was introduced to the code used for the
rest
> of
> the
> > site (created by another agency). I found it terrifying! I just
wanted
> to
> ask
> > if anyone else had ever come across this style of coding before. I
just
> can't
> > get my head around how anyone could think it was a good idea! I
would
> love
> to
> > know who DID code the timesonline site.
> >
> > A small example:
> >
> > <div class="float-left padding-top-5 padding-bottom-9 width-385">
> > <!-- Tip: Use the following heading IF you require a link. -->
> > <h3 class="section-heading">
> > <a href="http://www.timesonline.co.uk/business" class="link-333
> > padding-right-10"> Business</a>
> > <span class="double-chevron-right">&nbsp;</span>
> > </h3>
> > <div class="float-left width-385">
> > <div class="float-left padding-top-5 padding-right-10
padding-bottom-
> 10">
> > <a
>
href='/tol/business/industry_sectors/support_services/article1449373.ece
'>
> > <img src="/multimedia/archive/00144/royal-mail-70x70_144595a.jpg"
> alt="Royal
> > Mail logo" width="70" height="70" border="0" /></a>
> > </div>
> > <!-- Tip: This must be on one line to prevent unwatned spacing in
IE. --
> >
> > <div class="float-left width-286">
> > <h2 class="sub-heading-puff color-06c header padding-top-5">
> > ..........etc
> >
> > /******************* BORDERS *******************/
> > .border-top-d9d9d9 {
> >     border-top:1px solid #d9d9d9;
> > }
> > .border-bottom-d9d9d9 {
> >     border-bottom:1px solid #d9d9d9;
> > }
> > .border-right-d9d9d9 {
> >     border-right:1px solid #d9d9d9;
> > }
> > .border-left-d9d9d9 {
> >     border-left:1px solid #d9d9d9;
> > }
> >
> > ....... etc
> >
> > /******************* SPACING *******************/
> > /*** Top ***/
> > .padding-top-1 {
> >     padding-top:1px;
> > }
> > .padding-top-2 {
> >     padding-top:2px;
> > }
> > .padding-top-3 {
> >     padding-top:3px;
> > }
> > .padding-top-4 {
> >     padding-top:4px;
> > }
> > .padding-top-5 {
> >     padding-top:5px;
> > }
> >
> > ....... etc
> >
> > .margin-right-4 {
> >     margin-right:4px;
> > }
> > .margin-right-10 {
> >     margin-right:10px;
> > }
> > .margin-right-15 {
> >     margin-right:15px;
> > }
> >
> > ........ etc
> >
> > /******************* WIDTHS *******************/
> > .width-25 {
> >     width:25px;
> > }
> > .width-46 {
> >     width:46px;
> > }
> > .width-65 {
> >     width:65px;
> > }
> > .width-70 {
> >     width:70px;
> > }
> > .width-80 {
> >     width:80px;
> > }
> >
> > ............etc
> >
> > Debs
> >
> > -------------------------------
> > www.brightonwriters.com
> > Winner: Best Arts Site
> > Brighton and Hove Web Awards 2006
> >
> >
> >
> >
> >
> >
> > ___________________________________________________________
> > The all-new Yahoo! Mail goes wherever you go - free your email
address
> from
> > your Internet provider. http://uk.docs.yahoo.com/nowyoucan.html
> 
> 
> 
> --
> 
> BNM Subscribe/Unsubscribe: http://lists.wessexnetworks.com/cgi-
> bin/mailman/options/bnmlist/
> BNM info/archives:
> http://www.brightonnewmedia.org/
> 
> BNM archive search:
> http://www.roddis.org/bnm/search.php
> 
> BNM powered by Wessex Networks:
> http://www.wessexnetworks.com