VPF::background-image как часть картинки - Форум программистов

interv

Дата 6.6.2012, 09:11 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 93
Регистрация: 24.1.2012

Репутация: нет
Всего: 4

Здрям всем, пример грубый особенно не пинайте, пришлось использовать 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>

Это сообщение отредактировал(а) interv - 6.6.2012, 09:12

Присоединённый файл ( Кол-во скачиваний: 5 )

shadow.png 0,72 Kb

Aliance

Дата 6.6.2012, 09:25 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Почитай про CSS свойство background, в частности про background-position

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

interv

Дата 6.6.2012, 09:28 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 93
Регистрация: 24.1.2012

Репутация: нет
Всего: 4

Вы меня не поняли, мне ненадо распологать BG в позиции, а надо чтобы BG повторял ЧАСТЬ необходимой картинки. Я делаю это лишь для того, чтобы не резать картинку с тенью. (см. приложение)

Это сообщение отредактировал(а) interv - 6.6.2012, 09:56

Присоединённый файл ( Кол-во скачиваний: 4 )

quest.png 9,32 Kb

interv

Дата 6.6.2012, 10:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 93
Регистрация: 24.1.2012

Репутация: нет
Всего: 4

Кароче ответ ясен: НИКАК. придется физически вырезать тонкие полоски с каждого боку.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »