Return to Snippet

Revision: 2061
at December 27, 2006 11:09 by assbach


Initial Code
<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>

Initial URL

                                

Initial Description
probably not the best way, but it seems to work

Initial Title
CSS for auto-height rounded corner box

Initial Tags
css

Initial Language
CSS