Nieuw lid |
|
mensen,
ik heb een content met rondingen. Nu moet hier echter een afbeelding in komen (die is natuurlijk weer zonder rondingen.
Hoe krijg ik dit voor elkaar??
#content {
margin-top: 20px;
margin-bottom: 20px;
width:950px;
height:575px;
float:left;
overflow:auto;
background:#ffffff url('images/content_back.png') no-repeat;
}
.curvy {
position:relative;
width:950px;
height: 575px;
background:#649831;
color:#FFFFFF;
}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#649831; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#649831; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
#content { margin-top: 20px; margin-bottom: 20px; width:950px; height:575px; float:left; overflow:auto; background:#ffffff url('images/content_back.png') no-repeat; } .curvy { position:relative; width:950px; height: 575px; background:#649831; color:#FFFFFF; } #ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#649831; background:#fff; overflow:hidden; font-style:normal; z-index:1;} #ctl {top:0; left:0;} #cbl {bottom:0; left:0;} #ctr {top:0; right:0;} #cbr {bottom:0; right:0;} .curvy em b {position:absolute; font-size:150px; font-family:arial; color:#649831; line-height:40px; font-weight:normal;} #ctl b {left:-8px;} #ctr b {left:-25px;} #cbl b {left:-8px; top:-17px;} #cbr b {left:-25px; top:-17px;} .curvy p {position:relative; z-index:100; padding:5px 10px;}
<div id="content">
<div class="curvy">
<em id="ctl"><b>•</b></em>
<em id="cbl"><b>•</b></em>
<em id="ctr"><b>•</b></em>
<em id="cbr"><b>•</b></em>
<p>Paginatitel<br /><br />
Welkom blablablabla
</p>
</div>
</div>
<div id="content">
<div class="curvy">
<em id="ctl"><b>•</b></em>
<em id="cbl"><b>•</b></em>
<em id="ctr"><b>•</b></em>
<em id="cbr"><b>•</b></em>
<p>Paginatitel<br /><br />
Welkom blablablabla
</p>
</div>
</div>
|