Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > КАК РАЗРЕЗАТЬ ФОН ДЛЯ САЙТА В IMAGE READY?


Автор: satelit 7.2.2007, 12:06
У меня при порезке картинки для фона получается таблица с рисунком в каждой ячейке. Как сделать, чтоб рисунки в ячейках получались backgroundом?

Код

<html>
<head>
<title>web_base</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (web_base.JPG) -->
<table id="Table_01" width="1501" height="1000" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="images/web_base_01.gif" width="1500" height="167" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="167" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/web_base_02.gif" width="450" height="13" alt=""></td>
        <td rowspan="9">
            <img src="images/web_base_03.gif" width="599" height="581" alt=""></td>
        <td rowspan="10">
            <img src="images/web_base_04.gif" width="451" height="833" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="13" alt=""></td>
    </tr>
    <tr>
        <td rowspan="9">
            <img src="images/web_base_05.gif" width="301" height="820" alt=""></td>
        <td>
            <img src="images/web_base_06.gif" width="149" height="28" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="28" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_07.gif" width="149" height="6" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_08.gif" width="149" height="27" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_09.gif" width="149" height="6" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="6" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_10.gif" width="149" height="29" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_11.gif" width="149" height="5" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="5" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_12.gif" width="149" height="26" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/web_base_13.gif" width="149" height="693" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="441" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/web_base_14.gif" width="599" height="252" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="252" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Автор: japanes 7.2.2007, 12:36
Код

<td style="background-image:url(need_url);"></td>


или
Код

<style>
td#mytd
{
background-image:url(need_url);
}
</style>
<table>
<tr>
<td id="mytd"></td>
</tr>
</table>

Автор: satelit 7.2.2007, 13:04
Так что, 20-30 картинок вручную вписывать? Я  даже не знаю что куда, оно порезанное непонятно. 

Автор: Папараццы 7.2.2007, 15:22
Припиши repeat-x или repeat-y Он будет повторять эти картинки...

Автор: satelit 7.2.2007, 15:30
при чем тут repeat.  smile 

Автор: Папараццы 7.2.2007, 16:33
Чтобы повторять...

Автор: sergejzr 7.2.2007, 16:52

 ! 
sergejzr
            satelit,
       user posted image

Автор: japanes 7.2.2007, 17:05
Цитата(satelit @  7.2.2007,  13:04 Найти цитируемый пост)
Так что, 20-30 картинок вручную вписывать? Я  даже не знаю что куда, оно порезанное непонятно.  

а как ты хотел? по другому никак

Автор: satelit 7.2.2007, 18:23
А почему в настройках сохранения значится "save html and image" с опцией background?

Автор: Str!pe 8.2.2007, 19:45
Цитата(satelit @  7.2.2007,  13:04 Найти цитируемый пост)
Я  даже не знаю что куда, оно порезанное непонятно


Цитата(satelit @  7.2.2007,  12:06 Найти цитируемый пост)
web_base_04.gif

А вот например сравнить названия разрезаных файлов и названия в теге IMG не пробовал сопоставлять?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)