Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Задний фон из рисунка
 
 автор: MrSerWin   (19.03.2009 в 13:20)   письмо автору
54.4 Кб
 
 

Здравствуйте.
У меня такая проблема.
работаю сейчас над дизайном сайта, и мне надо сделать задний фон из рисунка. Но дело в том, что в css зоной 1 и зоной 2 (как я отметил на вложенном рисунке) упровляет вот эта строка.
.bodymain{ width: 100%; background: url(images/imgblock.png); padding: 4px 5px 5px 4px; font-size: 10px; color: #000; font-family: verdana, tahoma, arial, sans-serif; vertical-align:top; }
Но как вы могли увидеть из скриншота, для зоны 1 рисунок большой, а для зоны 2 маленький. Вопрос: Как мне сделать, чтобы рисунок растягивался (или сужался в первом случае.)?
Хочу также сказать это все находиться в table.
Спасибо заранее

  Ответить  
 
 автор: DJ Paltus   (19.03.2009 в 14:32)   письмо автору
 
   для: MrSerWin   (19.03.2009 в 13:20)
 

вариант 1 - сделать два рисунка (если размер ячейки фиксированный)
вариант 2 - использовать не свойство background, а вкладывать в ячейку <img> с высотой и шириной 100%, после чего на нее накладывать вторым слоем содержимое, через z-индексы.

  Ответить  
 
 автор: MrSerWin   (19.03.2009 в 16:39)   письмо автору
 
   для: DJ Paltus   (19.03.2009 в 14:32)
 

ну я думал на счет я-индекс, но я думал что они используються только в div

  Ответить  
 
 автор: DJ Paltus   (19.03.2009 в 17:05)   письмо автору
 
   для: MrSerWin   (19.03.2009 в 16:39)
 

насколько помню, к любым позиционируемым объектам.

  Ответить  
 
 автор: MrSerWin   (19.03.2009 в 18:58)   письмо автору
 
   для: DJ Paltus   (19.03.2009 в 17:05)
 

Кстати, я попытался сделать как Вы говорили, задал в табле его как рисунок, но что то там получилась ерунда, возможно я не так сделал... не могли бы Вы написать пример как оно должно выглядеть.
или написать пример с z-индексом
я просто не силен в css

  Ответить  
 
 автор: DJ Paltus   (20.03.2009 в 09:36)   письмо автору
 
   для: MrSerWin   (19.03.2009 в 18:58)
 

Отчего ж не мог бы...


<html>

<head>
  <title></title>
</head>

<body style="margin:0; width:100%; ">
<img src='bg.jpg' width="100%" height="100%" style="z-index:0;">
 <TABLE style="position:absolute; top:0; left:0;width:100%;" >
  <TR =top>
   <TD>
    &nbsp;
   </TD>
   <TD width=100%>
    &nbsp;

   </TD>
   <TD align=right >
    &nbsp;
   </TD>
  </TR>
 </TABLE>

</body>

</html>


В этом примере картинка выставлена по 0,0 страницы и используется вместо фона, а поверх нее кладется таблица.

  Ответить  
 
 автор: MrSerWin   (20.03.2009 в 09:46)   письмо автору
 
   для: DJ Paltus   (20.03.2009 в 09:36)
 

Спаибо, но это не то... ты видел скриншот дизайна: там большая таблица по середине находиться, и много маленьких по краям.. и в них во всех надо сделать фон. толь где то он растягиваеться, а гдето сужаеться.

  Ответить  
 
 автор: DJ Paltus   (20.03.2009 в 10:31)   письмо автору
 
   для: MrSerWin   (20.03.2009 в 09:46)
 

В общем, я думал, что Вам не составит труда экстраполировать полученные факты к Вашей ситуации. А вот что можно найти в известном поисковом механизме "Google" по запросу "растянуть фон css":
http://forum.codenet.ru/showpost.php?p=208139&postcount=3
http://forum.ixbt.com/topic.cgi?id=24:28506

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования