| ||
Тема: Описание картинки в CSS
Описание картинки в CSS
Уважаемая общественность!
Столкнулся с такой проблемой: хочу для картинки задать рамку с небольшим отступом от самой картинки. Рамка отлично выводится, а вот отступ не делается. Буду признателен, если укажете где у меня ошибка, или как это надо прописать!
Вот мой код:
.image{
border: 2px solid #B0000A;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 2px;
PADDING-RIGHT: 2px;
PADDING-TOP: 2px;
}
И чего отступ не делается?.. ((
попробуй сделать таблицу с отступом для ячеек, в ней 1 ячейка, в ней отступ и эта ячейка с рамкой
/dev/gmaker
<style>
table#mytable td
{
border: 1px solid gray;
}
</style>
<table cellspacing="0" cellpadding="2" id="mytable">
<tr>
<td>
<img border="0" src="..." />
</td>
</tr>
</table>
/dev/gmaker
В том то и дело, что хотел обойтись без таблиц, т.к. ими как раз и пользуюсь... Но для 50 картинок создавать 50 таблиц откровенно ломает... Ищу альтернативный изящный вариант. Может еще будут идеи?
Просто отступ... Чему от чего собственно в картинке отступать?)... Может я и ошибаюсь. Все таки я боюсь, что нужно во что-то оборачивать, хотя бы в <div> и ему ставить границы и отступ. Если генерировать таблички программно, то это не проблема
Можно еще в графич. редакторе рисовать отступ и рамку
/dev/gmaker
Мне кажется где-то такое делали. Надо поискать где.
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
<html><head><style type="text/css">
td.ts {padding: 2px; border: 2px solid #B0000A;}
</style></head>
<body>
<table border="0"><tr><td class="ts">
<img src="https://forumodua.com/image.php?u=9286&dateline=1151563634">
</td></tr></table></body></html>
Делали вроде как-то без таблиц. Вспоминаю...
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
Ведь это тоже самое, что и мой первый пример.
/dev/gmaker
Не совсем. У тебя в роли рамки выступала ячейка, у меня отдельно рамка рисуется.
Хотя суть та же. Вспоминаю как прикрутить без таблицы.
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
Починил руки.
img
{
border: 2px solid #B0000A;
padding: 2 2 2 2;
}
Работает без проблем. Неправильно назначил название
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
Хаха РОФЛ.
АААА, у меня паника!!!
Ненавижу w3c-несовместимые браузеры. Хахахаха.
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
Предложенный код воспринимает Firefox, а вот IE не хочет делать отсупы... ((
Собственно об этом я и говорил в предидущем посте, в несколько изощренной форме.Сообщение от Touristique Garcon
Вообщем походу единственный кросс-платформеный выход это рисовать таблички. Потому как Мелкософт клал с высокой колокольни на w3c.
По небу как по мостовой несут меня цветные колеса.
Не то эскорт, не то конвой, везу я в кэбе Санта-Клаоса.
Ваши права
Ответить с цитированием
Социальные закладки