Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Картинка в качестве фона таблицы 
:(
    Опции темы
Nightwalker
Дата 24.5.2006, 20:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: -9
Всего: -18
Нужно сделать фоном таблицы картинку! При этом используя тег "background" - картинка - "мостит" область таблицы - а нужно что бы она растягивалась! 
PM MAIL   Вверх
jsse
Дата 24.5.2006, 20:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

Репутация: 2
Всего: 2
Делается наложением слоев, используй z-index.

#wrapper - и есть размеры твоей таблицы

Код

<html>
<head>
  <style>
  
    body {
        margin: 0;
        padding: 0;
    }
  
    #wrapper {
        position: relative;
        width: 100%;
        height: 100%;    
    }
    
    #background {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
    }
    
    #inline {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
  
  </style>
</head>
<body>
  <div id="wrapper">
    <img src="image.jpg" id="background"/>
    <table id="inline">
      <tr>
        <td>content</td>
      </tr>
    </table>
  </div>
</body>
</html>
 
PM WWW Skype   Вверх
igorold
Дата 25.5.2006, 08:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: 3
Всего: 17
я попробовал этот вариант и у меня картинка, конечно растянулась, но текста при этом нет ...  smile 
Код

<div id="wrapper">
<img src="logo.gif" id="background"/>
<table>
<tr><td align="left">content 1 content 1</td><td align="left">content 2 content 2</td></tr>
<tr><td align="left">content 3 content 3</td><td align="left">content 4 content 4</td></tr>
<tr><td align="left">content 1 content 1</td><td align="left">content 2 content 2</td></tr>
<tr><td align="left">content 3 content 3</td><td align="left">content 4 content 4</td></tr>
</table>
</div>
 


--------------------
... у семи нянек 14 сисек ...  
Putin here, Putin there, Putin almost everywhere!
PM MAIL   Вверх
jsse
Дата 25.5.2006, 15:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 1.5.2006
Где: Кривой Рог

Репутация: 2
Всего: 2
Таблице обязательно нужно присвоить  id="inline" тогда будет работать.
всё дело в z-index!

Код


    #background {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
    }

    #inline {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
 
PM WWW Skype   Вверх
grinmax
Дата 28.5.2006, 15:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Если картинка будет повторяться... типо фона... репит сделать.
а если картинка типо фото и т.д так когда ты её растянешь качество упадёт 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0529 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.