Результаты поиска
Введите запрос, по завершению нажмите Enter.
  • Страница 1 из 1
  • 1
Проблема с блоками!
Отправлено 09.07.2012 - 14:591
Beginner
29 сообщений
Мужчина
Как то неправильно отображаются блоки:

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

Как делать линии на обведенных местах?
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 09.07.2012 - 15:062
Нет аватара
Бывалый
881 сообщениий
Мужчина
Code
.dcont {border-right:1px solid #ccc!important;border-left:1px solid #ccc!important;}

В css

Добавлено (09.07.2012, 15:06)
---------------------------------------------

Code
.block bservices {margin:5px!important;}

И это добавь в css
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 09.07.2012 - 15:103
Beginner
29 сообщений
Мужчина
Kiwi, теперь вот так отображается:
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 09.07.2012 - 15:114
Нет аватара
Бывалый
881 сообщениий
Мужчина
ilyafridinskii, Проблема не в этом код. Ссылку на сайт дай.
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 09.07.2012 - 15:115
Beginner
29 сообщений
Мужчина
Kiwi, iCarly11.ru
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 09.07.2012 - 15:146
Нет аватара
Бывалый
881 сообщениий
Мужчина
ilyafridinskii,
.dcont {padding:0px 10px 0px 10px!important;border:1px solid #ccc!important;}

Мой тебе совет, начни всё сначала. У тебя не сайт, а сплошная ошибка.
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 09.07.2012 - 15:177
Beginner
29 сообщений
Мужчина
Kiwi, все равно не то:

(браузер chrome)
Quote
Мой тебе совет, начни всё сначала. У тебя не сайт, а сплошная ошибка.

а что там такое?
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 11.07.2012 - 12:558
Бывалый
649 сообщений
Мужчина
ilyafridinskii, давай я тебе щас сам сверстаю, а то ошибок куча понять не могу

Добавлено (11.07.2012, 12:55)
---------------------------------------------
HTML:

Code
<div class="block_i">
<div class="title_i">Чат<div style="float: right"><img src="http://cdn1.iconfinder.com/data/icons/webapp/PNG-24/Comment.png" alt="" /></div></div>
<div class="content_i">
$CHAT_BOX$
</div>
</div>

CSS:
Code
.block_i {background: #f8f8f8;border: 1px solid #ddd;width: 250px;border-radius: 3px}
.title_i { background-color: #fafafa;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);padding: 12px;border: 1px solid #ddd;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #72a8cc;font-weight: bold;margin-top: -18px;margin-left: -1px;margin-right: -1px}
.content_i {padding: 3px;margin-top: -20px}

У меня работает в Mozilla, Opera и в Chrome, в IE не проверял, боялся
Профиль Личное сообщение Дом. страница icq Skype
17
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация