[BNM] timesonline - a css travesty?

[Debra C]

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