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>