DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" (Переходный синтаксис XHTML 1.0)

Valid XHTML 1.0 Transitional

Правильный CSS!

You are not currently logged in.

If you don't have a login you can register here.

If you have one, then LOGIN here.

If you don't know if you should have one - and need convincing that free, confidential, fast and useful is not enough then click here for a demo.

You are not currently logged in.

If you don't have a login you can register here.

If you have one, then LOGIN here.

If you don't know if you should have one - and need convincing that free, confidential, fast and useful is not enough then click here for a demo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Обрамление Блок с закругленными углами через CSS Valid XHTML 1.0 Transitional</title>
<style type="text/css">
.bol p, .mal p, .zsnazzy p {margin:0; padding:5px 10px; font-size:10px;}
.mal {background: transparent; width:240px; float:left; margin:0 3px;}
.bol{background: transparent; width:100%; min-width:500px;float:left; margin:0 3px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #FF0000;border-right:1px solid #FF0000;}
.xb1 {margin:0 5px; background:#FF0000;}
.xb2 {margin:0 3px;border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #FF0000; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}
.color_a {background:#FFF;color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}
</style>
</head>

<body>
<table style="width:100%"><tr>
    <td style="width:240px"> 
      <div class="mal">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<p>контент</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>
</td><td style="vertical-align:top"> 
<div class="bol">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<p>контент</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>
</td></tr></table>
</body>
</html>


Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER