<style type="text/css">
.wPlate {
width: 353px;
margin: 0px 0px 20px 0px;
background: #ffffff url(pl_white_center.jpg) repeat-y top left;
}
.wPlateInner {
background: url(pl_white_bottom.jpg) no-repeat bottom left;
}
.wPlate .wPlateInner h2 { padding: 0px; margin: 0px;} /* for images */
.wPlate .wPlateInner h3 {
margin: 0px;
padding: 20px 20px 0px 20px;
font-size: 19px;
color: #009900;
background: url(pl_white_top.jpg) no-repeat top left;
text-align:left;
font-family:Arial,Helvetica,sans-serif;
}
.wPlate p {
margin: 0;
padding: 1em 15px 5px 20px;
font-size: 12px;
line-height: 1.4em;
text-align: left;
font-family:Arial,Helvetica,sans-serif;
}
.wPlate p.button {
text-align: right;
padding: 0 20px 20px 20px;
}
</style>
<div class="wPlate">
<div class="wPlateInner">
<h2><img src="hd_wie.jpg" width="353" height="46" alt="headline" /></h2>
<p>
Text
</p>
<p class="button"><a href="#"><img src="b_hierweiter.gif" width="136" height="22" alt="" border="0"/></a></p>
</div>
</div>
<div class="wPlate">
<div class="wPlateInner">
<h3>headline</h3>
<p>
Text Text Text Text Text Text Text Text Text Text Text Text Text Text TextText Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</p>
<p class="button"><a href="#"><img src="b_hierweiter.gif" width="136" height="22" alt="" border="0"/></a></p>
</div>
</div>
CSS for auto-height rounded corner box
Leave a Reply
You must be logged in to post a comment.