0 Всего найдено: 27

DROGON Сообщение 12/08/2008 12:48 Копия темы
Маленький вопрос к верстальщикам :) .
Как реализовать на сайте бордер с отступом от картинки, как это показано на рисунке ниже:
Есть допустим картинка <img class=test и т.д.>, что мне необходимо дописать дальше в css?:

.test {

DesTincT Сообщение 12/08/2008 12:50 Копия темы
.
border:1px solid #CCC;
padding:3px;}

ivanna Сообщение 12/08/2008 12:51 Копия темы
.
опередили :)

CSR Сообщение 12/08/2008 12:52 Копия темы
.
мда)

DesTincT Сообщение 12/08/2008 12:53 Копия темы
.
да не особо старался...попробуйте предложить другое решение )))

venuko Сообщение 12/08/2008 12:53 Копия темы
.
Отдать заказ верстальщику )) и рамка появится

DROGON Сообщение 12/08/2008 12:57 Копия темы
.
Что то не канает :(

CSR Сообщение 12/08/2008 12:58 Копия темы
.
Да, да, да, пусть мне отдаст)))

CSR Сообщение 12/08/2008 12:59 Копия темы
.
Короче пиши так:

img.test {border: 1px solid #ccc; padding: 3px;}

venuko Сообщение 12/08/2008 13:02 Копия темы
.
это нужно заслужить ))

CSR Сообщение 12/08/2008 13:03 Копия темы
.
ПРО купить?)))

venuko Сообщение 12/08/2008 13:04 Копия темы
.
нет ))

DROGON Сообщение 12/08/2008 13:07 Копия темы
.
Неа тоже не канает, в обеих вариантах:

img.test {border: 1px solid #ccc; padding: 3px;}

или

border:1px solid #CCC;
padding:3px;}

появляется только бордер вокруг картинки, но без отступа :(

venuko Сообщение 12/08/2008 13:10 Копия темы
.
завертните какртинку в два дива, и наружному диву дайте margin: 5px; и его блоку border к примеру и усе :)

Silence Сообщение 12/08/2008 13:11 Копия темы
.

rar, 531

Boriss Сообщение 12/08/2008 13:12 Копия темы
.
Можно так сделать, поместив картинку в див:
#div {
border:1px solid #ccc;
}
и задав картинке внешний отступ:
#img {
margin:3px;
}

DROGON Сообщение 12/08/2008 13:14 Копия темы
.
Допустим картинка будет в диве. Тогда всплывает другой вопрос, дело в том что картинки добавляю через BB редактор в админке например. допустим надо что бы картинка была слева, в бб редакторе все задал, картинка будет слева а справа будет текст, но т.к. картинка теперь появляется в диве, то соотетсвенно слева она будет только в диве, а сам див то не будет слева, и текст будет уже не справа и снизу дива, вот как получается

DROGON Сообщение 12/08/2008 13:18 Копия темы
.
Сделал так, картинка, вокруг нее прижат бордер, а только после бордера идет отступ :(

Boriss Сообщение 12/08/2008 13:18 Копия темы
.
#img {
border:1px solid #ccc;
padding:3px;
}

Хз – у меня пашет

venuko Сообщение 12/08/2008 13:18 Копия темы
.
или так

DROGON Сообщение 12/08/2008 13:19 Копия темы
.
topread.ru/ вот можете взглянуть что получилось :(

Silence Сообщение 12/08/2008 13:36 Копия темы
.
Скорее всего где то в ксс-стилях обнуляеться padding у картинок. Пропишите img.test {padding: 3px !important;}

CSR Сообщение 12/08/2008 14:01 Копия темы
.
Гениально :D

CSR Сообщение 12/08/2008 14:03 Копия темы
.
В CSS ничего странного не увидел. Может причина в <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ?)))

frost_lab Сообщение 12/08/2008 14:11 Копия темы
.
А где там padding?
У вас в стилях:
.titlecontent {
border:1px solid #96978F;
margin:2px 4px 1px 0px;
}

сделайте так:
.titlecontent {
border:1px solid #96978F;
margin:2px 4px 1px 0px;
padding: 2px;
}

DesTincT Сообщение 12/08/2008 14:21 Копия темы
.
не быть вам верстальщиком...2 часа делать рамку (%

unart Сообщение 12/08/2008 14:39 Копия темы
.
ахах )) картинка из Датсо ))