Uwen css kan veel korter:
verander uwen html als volgt:
PHP:
// van
<div id="left1"></div>
<div id="left2"></div>
<div id="left3"></div>
<div id="left4"></div>
// maakt ge:
<div class="left left1"></div>
<div class="left left2"></div>
<div class="left left3"></div>
<div class="left left4"></div>
en in uwen css:
PHP:
.left
{
position: absolute;
left: 0px;
width: 134px;
height: 14px;
}
.left .left1
{
top: 0px;
background-image: url(../img/BorderLeft1.jpg);
}
.left .left2
{
top: 14px;
background-image: url(../img/BorderLeft2.jpg);
}
.left .left3
{
top: 110px;
background-image: url(../img/BorderLeft3.jpg);
}
...
maw: ge maakt eerst een defenitie waar alle gemeenschappelijke eigenschappen in staan.
daarna maakt ge per element 1 met de veranderlijke eigenschappen in.
Als ge ooit een aanpassing moet doen, hebt ge veel minder werk
en ja ge kunt meerdere style defenities aan 1 html element toekennen
vb: <div class="style1 style2 style3"> scheiden door spaties !!
^^