Lid |
|
Zo zou ik het doen:
-Eerst knip je het bovenste stuk van de kader uit, waar in jouw geval 'Home' & 'links' staat.
Dan heb je nog de rest, je kan die als afbeelding gebruiken, of gewoon wit, met een oranje achtige border. Even hier een paar voorbeelden van:
#content {
background: #FFFFFF;
width: 465px;
height: auto;
padding-left: 5px;
border: #EAA458 1px solid;
border-top: none;
}
#content_top {
background: url('De_titel_balk.jpg') no-repeat;
width: Zie-Je-Maar-Even;
height: Zie-Je-Maar-Even;
padding-left: 30px;
}
#content { background: #FFFFFF; width: 465px; height: auto; padding-left: 5px; border: #EAA458 1px solid; border-top: none; } #content_top { background: url('De_titel_balk.jpg') no-repeat; width: Zie-Je-Maar-Even; height: Zie-Je-Maar-Even; padding-left: 30px; }
HTML:
<div id="content_top">Home</div>
<div id="content">Je tekst</div>
<div id="content_top">Home</div>
<div id="content">Je tekst</div>
Ps: Bij de CSS code de "height: auto" zorgt ervoor dat de div verticaal meerekt. |