Как то неправильно отображаются блоки:
Нужно чтобы на обведенных местах отображались линии!
Вот коды блоков:
HTML:
Code
<div class="block bservices">
<div class="dtitle">
<h3>Мини-Чат</h3>
<img src="http://cdn1.iconfinder.com/data/icons/webapp/PNG-24/Comment.png" alt="" />
</div>
<div class="dcont">
$CHAT_BOX$
</div>
<div class="techsupport">
</div>
<div class="dbtm"> </div>
</div>
CSS:
Code
/*blocks*/
.leftside .block { width: 252px; margin: 0 0 6px 0; border: 3px solid #00000; background-color: #f8f8f8; }
.block .dcont { margin: 0 15px 5px 15px; border: 1; width: 222px; overflow: hidden; }
.block .dtitle, .block .dbtm { overflow: hidden; position: relative; z-index: 1; height: 48px; width: 254px; margin: -1px -1px 10px -1px; background: url("../images/block_bg.png") no-repeat 0 0; }
.block .dbtm { margin: 0 -1px -1px -1px; height: 9px; background-position: -254px 100%; font-size: 1px; line-height: 1px; }
.block .dtitle h3 { text-indent: 18px; margin: 16px 35px 0 0; font-weight: bold; font-size: 1.22em; color: #59a8cc; }
.block .dtitle img { width: 19px; height: 21px; position: absolute; top: 15px; right: 12px; }
.bservices ul li { background: url("../images/dotted.png") repeat-x 0 100%; }
.bservices ul li a { color: #393939; text-decoration: none; width: 100%; text-indent: 15px; padding: 3px 0 6px 0; display: block; background: url("http://icarly11.ru/images/bserv-lnk.png") no-repeat 0 7px; }
.bservices ul li a:hover { color: #2681a3; background-position: -300px 7px; }
.techsupport { padding: 0 15px; height: 44px; overflow: hidden; background: url("../images/contactbg.png") repeat-x; }
.techsupport span { color: #6f7176; display: block; margin-top: 8px; }
.techsupport h2 { font-weight: bold; }
.techsupport h2 img { vertical-align: middle; margin: -3px 5px 0 0; }
Как сделать линии на обведенных местах?
