| |
|
|
| | задача
<img border=0 align=left src="/shop/1150791405.jpg">
нужно сделать, что бы он был бордером но с отступом
через css не могу - бордер прилипает к изображению хоть тресни :( | |
| |
|
|
| |
|
|
| |
для: virtus
(30.06.2006 в 14:32)
| | | Не думаю что такое возможно.
Давайте решим каким другим способом можно решить задачу которую вы пытаетесь решить данным образом. | |
| |
|
|
| |
|
|
| |
для: valenok
(30.06.2006 в 14:43)
| | | кинуть в таблицу и сделать границу и отступ,
сделать отступ цвета фона прямо на изображении (в Фотошопе) и потом обвести границей | |
| |
|
|
| |
|
|
| |
для: elenaki
(30.06.2006 в 14:49)
| | | найн не подходит такое решение...
буду еще искать :( | |
| |
|
|
| |
|
|
| |
для: virtus
(30.06.2006 в 14:51)
| | | кинуть в слой и дать слою стиль с границей | |
| |
|
|
| |
|
|
| |
для: elenaki
(30.06.2006 в 14:52)
| | | Ну это идея.
А так чтоб в самом теге помойму никак. | |
| |
|
|
| |
|
|
| |
для: elenaki
(30.06.2006 в 14:52)
| | | Да, слоем само-собой.. просто хотел, что бы можно было в img внедрить.
Ну | |
| |
|
|
| |
|
|
| |
для: virtus
(30.06.2006 в 14:32)
| | | На самом деле конструкция вида
<style>
img.bordered {
border: 1px solid #0A00FF;
padding: 5px 5px 5px 5px;
}
</style>
...
</head>
<body>
...
<img src="..." width="380" height="72" class="bordered" />
|
или проще, хотя и корявее:
<img src="..." width="380" height="72" style=" border: 1px solid #0A00FF; padding: 5px 5px 5px 5px;" />
|
Вполне отлично работает только в Опере или, скажем, ФайрФоксе.
В ИЕ есть глюк с отображением padding-а, по этому CSS так просто не подойдет.
По этому можно сделать вот как:
<style>
img.bordered {
margin: 5px 5px 5px 5px;
}
div.bordered {
border: 1px solid #0A00FF;
float: left;
}
</style>
</head>
<body>
<div class="bordered">
<img src="gluk20060426.gif" width="380" height="72" class="bordered" />
</div>
|
то есть стиль картинки дает 5-и пиксельный отступ, а стиль внешней дивки - границу.
Единственный ньюанс может быть с float:left Если эти дивки с картинками размещать, скажем, в таблице, то нужно смотреть - что ставить. float:left или float:right или вообще убрать float
Успехов! | |
| |
|
|
