Moderator
Tweet
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<style type="text/css">
div.box
{
width:400px;
background-color:#ededed;
padding:0;
}
div.box_top
{
height:18px;
}
div.box_content
{
padding:0 15px 0 15px;
background:url(/images/box/bg_right.gif) repeat-y;
background-position:right;
}
div.box_bottom
{
height:18px;
background:url(/images/box/bg_bottom.gif) repeat-x;
background-position:bottom;
}
</style>
</head>
<body>
<div class="box">
<div class="box_top"><img
src="/images/box/corner_tr.gif" style="float:right;" /><img
src="/images/box/corner_tl.gif" /></div>
<div class="box_content">Text hier<br />Ende.</div>
<div class="box_bottom"><img
src="/images/box/corner_br.gif" style="float:right;" /><img
src="/images/box/corner_bl.gif" /></div>
</div>
</body>
</html>
EDIT:
Achso, damit ihr nicht denkt "der macht sich ja viel zu viel Aufwand" (was er zwar ohnehin tut): ihr müsst bedenken, dass die Box nen schatten hat
Kommentar