Помогите чайнику!

Maximishe · 21.05.2007, 11:54

Ребята подскажите кто знает, хочу такое сделать: как фон закинуть картинку, чтоб она сама под разрешение подстраивалась, если 800*600 1024*768 или больше, то чтоб и картинка сама меняла разрешение. Такое реально вообще?

hunter-lex · 28.05.2007, 14:05

Цитата:

Maximishe:
Ребята подскажите кто знает, хочу такое сделать: как фон закинуть картинку, чтоб она сама под разрешение подстраивалась, если 800*600 1024*768 или больше, то чтоб и картинка сама меняла разрешение. Такое реально вообще?

Реально, но для определенной картинки и условий.

Maximishe · 28.05.2007, 17:08

hunter-lex, А не можеш подсказать как это делается, какая нужна картинка и т.д. или ссылку дать где написано как это делать?

Duban · 29.05.2007, 15:41

До тех пор пока не внедрен background-size из CSS3, в контейнере, который должен быть с фоном размещают img с шириной и/или высотой 100%.
Примерно так:

<div style="width: ...; height: ...;">
[img]...[/img]

</div>

Да, и если фон необходим для body, то надо div вставить с абсолютной привязкой на 0,0 с шириной и высотой 100%.

Maximishe · 29.05.2007, 17:27

вот мой код:

<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>продажа аппартаментов2</title>
<meta name="Microsoft Theme" content="none, default">
</head>
<div align="center">
<body>
<table border="2" width="800" height="1100" cellpadding="2" id="table1">
<tr>
<td height="125" width="800" align="center" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#CCCCCC" colspan="2">

[img]fon.jpg[/img]</td>
</tr>
<tr>
<td height="30" width="800" align="center" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" colspan="2">

<a href="index.html">
главная</a> 

<a href="apartment.html">

апартаменты</a>


<a href="houses.htm">
дома</a></a>
<a href="kvartira.html">
квартиры</a>
гостиницы
<a href="land.html">
земля</a>

<a href="procedura.html">
процедура
покупки</a>

<a href="rekvizit.html">
реквизиты</a>
<a href="info.html">
информация</a> 
<a href="priroda.html">

природа</a></td>
</tr>
<tr>
<td width="312" valign="top">

</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="488" valign="top">
</td>
</tr>
<tr>
<td width="312" valign="top">
</td>
<td height="85" width="480" valign="top">
</td>
</tr>
<tr>
<td width="800" valign="top" colspan="2">

1
<a href="apartment2.htm">
2</a>
дальше>>></td>
</tr>
</table>
</div>
разработка сайта: <a href="mailto:[email protected]">
[email protected]</a>
</body>
</html>

как в нем это должно выглядеть?

Duban · 29.05.2007, 17:53

код особо комментировать не стану. но все-таки, что это за <div align="center"> перед body?

терерь про то, что можно сделать.
сразу после <body> вставить:

<div style="position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: -1;">
[img]адрес картинки[/img]
</div>

и не забыть прописать адрес картинки.

Maximishe · 30.05.2007, 10:08

Спасибо за помощь, <div align="center"> нужно для таблицы которая у меня на страничке. Рисунок стоит всё равно не как надо, получается вот что: http://maksim-nk.narod.ru/apartment3.htm . А мне надо что б по всей странице "расползался" рисунок. Если я тебя не замучал может сможеш помочь?

Duban · 30.05.2007, 13:06

Про <div align="center">
даже если не было объявления !DOCTYPE и поэтому body можно рассматривать как простой блок, то это никак не разрешает мурзилки типа:

<div>
<body>

</div>
</body>

это во-первых. Во-вторых согласно рекомендаций W3C 5-6 летней давности атрибут align стоило похоронить уже тогда. И в третьих для того чтобы отцентровать таблицу, которая является блоком, не обязательно пощаеть ее в div.

Тепреь про то, что можно на мой взгляд сделать. Фокус типа background-attachment тут не пройдет.
Так, что для начала стоит отменить автоматические margin и padding у body. Потом, поскольку таблица статическая, утсановить высоту body такой же как у таблицы. Ну и на последок поставить ненулевой padding для таблицы.

ivan341 · 30.05.2007, 15:05

Duban, ну align хоронить не надо. Во многих ситуациях он практически не заменим.

Duban · 30.05.2007, 15:43

ivan341, возможно, особенно если ИЕ любимый браузер.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите чайнику	Андрей avfoto	Технологии Flash	1	03.04.2011 04:30
Помогите ЧАЙНИКУ	Vir	Кальянная	5	25.10.2007 14:00
Помогите чайнику	Wild Cat	HTML, CSS, JavaScript	12	15.10.2007 00:00
Помогите чайнику!	serg	HTML, CSS, JavaScript	11	08.10.2005 22:19
помогите чайнику	angeloka	HTML, CSS, JavaScript	1	21.07.2003 17:46

21.05.2007, 11:54	#11
Maximishe	Ребята подскажите кто знает, хочу такое сделать: как фон закинуть картинку, чтоб она сама под разрешение подстраивалась, если 800600 1024768 или больше, то чтоб и картинка сама меняла разрешение. Такое реально вообще?

28.05.2007, 17:08	#13
Maximishe	hunter-lex, А не можеш подсказать как это делается, какая нужна картинка и т.д. или ссылку дать где написано как это делать?

29.05.2007, 15:41	#14
Duban	До тех пор пока не внедрен background-size из CSS3, в контейнере, который должен быть с фоном размещают img с шириной и/или высотой 100%. Примерно так: <div style="width: ...; height: ...;"> [img]...[/img] </div> Да, и если фон необходим для body, то надо div вставить с абсолютной привязкой на 0,0 с шириной и высотой 100%.

29.05.2007, 17:27	#15
Maximishe	вот мой код: <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>продажа аппартаментов2</title> <meta name="Microsoft Theme" content="none, default"> </head> <div align="center"> <body> <table border="2" width="800" height="1100" cellpadding="2" id="table1"> <tr> <td height="125" width="800" align="center" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#CCCCCC" colspan="2"> <p align="center"> [img]fon.jpg[/img]</td> </tr> <tr> <td height="30" width="800" align="center" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" colspan="2"> <span style="background-color: #FFFFFF"> <font face="Arial" color="#FF0000"><a href="index.html"> <span style="text-decoration: none"><font color="#FF0000">главная</font></span></a> </font></span> <font face="Arial"><span style="background-color: #FFFFFF"> <a href="apartment.html"> <span style="text-decoration: none"><font color="#FF0000"> апартаменты</font></span></a><font color="#FF0000"> </font><span lang="ru"><font color="#FF0000"> <span style="text-decoration: none"> <a href="houses.htm"><font color="#FF0000"> <span style="text-decoration: none">дома</span></font></a></span></font></a></span><font color="#FF0000"> </font><span lang="ru"><a href="kvartira.html"> <font color="#FF0000"><span style="text-decoration: none">квартиры</span></font></a></span><font color="#FF0000"> <span lang="en-us"></span></font><span lang="ru"><font color="#FF0000"><span style="text-decoration: none">гостиницы</span></font></span><font color="#FF0000"> </font><span lang="ru"><a href="land.html"><font color="#FF0000"> <span style="text-decoration: none">земля</span></font></a></span><font color="#FF0000"><span lang="en-us"> </span> </font><span lang="ru"><a href="procedura.html"> <font color="#FF0000"><span style="text-decoration: none">процедура покупки</span></font></a></span><font color="#FF0000"><span lang="en-us"> </span> </font><span lang="ru"><a href="rekvizit.html"> <font color="#FF0000"><span style="text-decoration: none">реквизиты</span></font></a></span><font color="#FF0000"> </font><a href="info.html"><font color="#FF0000"> <span style="text-decoration: none">информация</span></font></a><font color="#FF0000"><span lang="en-us"> </span> </font></span><a href="priroda.html"> <span style="background-color: #FFFFFF; text-decoration:none"> <font color="#FF0000"><span lang="ru">природа</span></font></span></a></font></td> </tr> <tr> <td width="312" valign="top"> <p align="left"></p> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="488" valign="top"> </td> </tr> <tr> <td width="312" valign="top"> </td> <td height="85" width="480" valign="top"> </td> </tr> <tr> <td width="800" valign="top" colspan="2"> <p align="center"><span lang="ru"><font color="#FF0000"><u> <font color="#FF0000">1</font></u></font><font color="#000000"> </font><font color="#FF0000"><u><a href="apartment2.htm"> <font color="#000000">2</font></a></u></font><font color="#000000"> </font><font color="#FF0000"></font></span><font color="#FF0000"><span style="text-decoration: none">дальше<span lang="en-us">>>></span></span></font></td> </tr> </table> </div> <p align="center"><font face="Arial" size="3">разработка сайта:<span style="text-decoration: none"> </span><span lang="en-us"><a href="mailto:[email protected]"> <font color="#FF0000">[email protected]</font></a></span></font></p> </body> </html> как в нем это должно выглядеть?

29.05.2007, 17:53	#16
Duban	код особо комментировать не стану. но все-таки, что это за <div align="center"> перед body? терерь про то, что можно сделать. сразу после <body> вставить: <div style="position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: -1;"> [img]адрес картинки[/img] </div> и не забыть прописать адрес картинки.

30.05.2007, 10:08	#17
Maximishe	Спасибо за помощь, <div align="center"> нужно для таблицы которая у меня на страничке. Рисунок стоит всё равно не как надо, получается вот что: http://maksim-nk.narod.ru/apartment3.htm . А мне надо что б по всей странице "расползался" рисунок. Если я тебя не замучал может сможеш помочь?

30.05.2007, 13:06	#18
Duban	Про <div align="center"> даже если не было объявления !DOCTYPE и поэтому body можно рассматривать как простой блок, то это никак не разрешает мурзилки типа: <div> <body> </div> </body> это во-первых. Во-вторых согласно рекомендаций W3C 5-6 летней давности атрибут align стоило похоронить уже тогда. И в третьих для того чтобы отцентровать таблицу, которая является блоком, не обязательно пощаеть ее в div. Тепреь про то, что можно на мой взгляд сделать. Фокус типа background-attachment тут не пройдет. Так, что для начала стоит отменить автоматические margin и padding у body. Потом, поскольку таблица статическая, утсановить высоту body такой же как у таблицы. Ну и на последок поставить ненулевой padding для таблицы.

30.05.2007, 15:05	#19
ivan341	Duban, ну align хоронить не надо. Во многих ситуациях он практически не заменим.

30.05.2007, 15:43	#20
Duban	ivan341, возможно, особенно если ИЕ любимый браузер.