Помощь с блоками. - Форум
Страница 1 из 11
Форум » Форум веб мастеров » html & css » Помощь с блоками.
Помощь с блоками.

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: отредактировал: ChipMunk - Понедельник, 09.07.2012, 19:00 В ответ пользователя Maestro Написано 09 Июля 2012 в 18:59
Сообщение № 1
Как то неправильно отображаются блоки:

Нужно чтобы на обведенных местах отображались линии!
Вот коды блоков:
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; }

Как сделать линии на обведенных местах?
подпись:


Maestro
«Пред. тема След. тема»

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 10 Июля 2012 в 12:01
Сообщение № 2
up
подпись:


Maestro

Стрелок
Проверенные
Сообщений 206
+
+1026
-
Ваши награды 2
Стрелок написал: В ответ пользователя Стрелок Написано 10 Июля 2012 в 13:50
Сообщение № 3
А вот так

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: 252px; 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; }
подпись: Го сюда) онлаин кино и новости, гороскоп и клипы, и еще много интересного на портале : http://um-portall.ru/ Стрелок

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 10 Июля 2012 в 13:52
Сообщение № 4
Стрелок, теперь так
подпись:


Maestro

ELB
Пользователи
Сообщений 36
+
0
-
Ваши награды 0
ELB написал: В ответ пользователя ELB Написано 10 Июля 2012 в 19:18
Сообщение № 5
ChipMunk, дай ссылка на сайт!Или забей пример на это сайте Jsfiddle.net

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 11 Июля 2012 в 11:53
Сообщение № 6
ELB, ссылка на сайт ygbcfyf в споилере:
подпись:


Maestro

ELB
Пользователи
Сообщений 36
+
0
-
Ваши награды 0
ELB написал: В ответ пользователя ELB Написано 12 Июля 2012 в 01:09
Сообщение № 7
так де ссылка на сайт?

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 12 Июля 2012 в 18:44
Сообщение № 8
ELB, под споилером
подпись:


Maestro

Webing
Проверенные
Сообщений 228
+
+321
-
Ваши награды 8
Webing написал: отредактировал: Webing - Вторник, 17.07.2012, 16:42 В ответ пользователя Webing Написано 17 Июля 2012 в 16:41
Сообщение № 9
Quote (ChipMunk)
iCrly11.ru

К сожалению, Google Chrome не может найти страницу icrly11.ru.

Voker
VIP
Сообщений 2578
+
+9993
-
Ваши награды 25
Voker написал: В ответ пользователя Voker Написано 17 Июля 2012 в 16:41
Сообщение № 10
Webing, Опера тоже.
подпись:
Voker

Maestro
VIP
Сообщений 1046
+
+11394
-
Ваши награды 35
Maestro написал: В ответ пользователя Maestro Написано 17 Июля 2012 в 17:00
Сообщение № 11
тему прошу закрыть - сменил шаблон
P.S. Сайт:
подпись:


Maestro
Форум » Форум веб мастеров » html & css » Помощь с блоками.
Страница 1 из 11
Поиск:
Топ пользователей: