Вид для печати
Уважаемая общественность!
Столкнулся с такой проблемой: хочу для картинки задать рамку с небольшим отступом от самой картинки. Рамка отлично выводится, а вот отступ не делается. Буду признателен, если укажете где у меня ошибка, или как это надо прописать!
Вот мой код:
.image{
border: 2px solid #B0000A;
PADDING-BOTTOM: 2px;
PADDING-LEFT: 2px;
PADDING-RIGHT: 2px;
PADDING-TOP: 2px;
}
И чего отступ не делается?.. ((
попробуй сделать таблицу с отступом для ячеек, в ней 1 ячейка, в ней отступ и эта ячейка с рамкой ;)
<style>
table#[b]mytable[/b] td
{
border: [b]1px solid gray[/b];
}
</style>
<table cellspacing="0" cellpadding="[b]2[/b]" id="[b]mytable[/b]">
<tr>
<td>
<img border="[b]0[/b]" src="[b]...[/b]" />
</td>
</tr>
</table>
В том то и дело, что хотел обойтись без таблиц, т.к. ими как раз и пользуюсь... Но для 50 картинок создавать 50 таблиц откровенно ломает... Ищу альтернативный изящный вариант. Может еще будут идеи?
Просто отступ... Чему от чего собственно в картинке отступать?)... Может я и ошибаюсь. Все таки я боюсь, что нужно во что-то оборачивать, хотя бы в <div> и ему ставить границы и отступ. Если генерировать таблички программно, то это не проблема ;)
Можно еще в графич. редакторе рисовать отступ и рамку ;))
Мне кажется где-то такое делали. Надо поискать где.
<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>
Делали вроде как-то без таблиц. Вспоминаю...
Ведь это тоже самое, что и мой первый пример.
Не совсем. У тебя в роли рамки выступала ячейка, у меня отдельно рамка рисуется.
Хотя суть та же. Вспоминаю как прикрутить без таблицы.
Починил руки.
img
{
border: 2px solid #B0000A;
padding: 2 2 2 2;
}
Работает без проблем. Неправильно назначил название
Хаха РОФЛ.
АААА, у меня паника!!!
Ненавижу w3c-несовместимые браузеры. Хахахаха.
Предложенный код воспринимает Firefox, а вот IE не хочет делать отсупы... ((
[QUOTE=Touristique Garcon]Предложенный код воспринимает Firefox, а вот IE не хочет делать отсупы... (([/QUOTE]
Собственно об этом я и говорил в предидущем посте, в несколько изощренной форме.
Вообщем походу единственный кросс-платформеный выход это рисовать таблички. Потому как Мелкософт клал с высокой колокольни на w3c.