Здрям всем, пример грубый особенно не пинайте, пришлось использовать TABLE из-за великого и могучего IE, поскольку это единственный браузер, который не слушает верстку с DIV-ми и накладывает ужасную тень.
Есть картинка (см.Приложение)
Есть небольшая верстка
| Код |
<table style="width:100%;border-collapse:collapse;" cellpadding="0" cellspacing="0">
<tr>
<!--Верхние левые 2 части обрезанных картинок-->
<td style="width:10px;height:10px;overflow:hidden;">
<div style="float:left;overflow:hidden;">
<img src="Shadow/Shadow.png" style="margin: 0px -32px -32px 0px;"/>
</div>
</td>
<td style="width:10px;height:10px;overflow:hidden;">
<div style="float:left;overflow:hidden;">
<img src="Shadow/Shadow.png" style="margin: 0px -21px -32px -10px;"/>
</div>
</td>
<!-------------------------------------------------------------------->
<!-- ВОПРОС! можно ли в background-image запихать не отдельную картинку а ее часть как в 2-х строчках выше -->
<!-------------------------------------------------------------------->
<td style="width:610px;height:10px;overflow:hidden;background-image:URL('Shadow/U.png');"></td>
<!--Верхние правые 2 части обрезанных картинок-->
<td style="width:10px;height:10px;overflow:hidden;">
<div style="float:left;overflow:hidden;">
<img src="Shadow/Shadow.png" style="margin: 0px -10px -32px -21px;"/>
</div>
</td>
<td style="width:10px;height:10px;overflow:hidden;">
<div style="float:left;overflow:hidden;">
<img src="Shadow/Shadow.png" style="margin: 0px 0px -32px -32px;"/>
</div>
</td>
</tr>
<!-------------------------------------------------------------------->
<!-- Аналогично дорисовываем тень с боков и с низу-->
<!-------------------------------------------------------------------->
</table>
|
|