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

HTML+CSS+JavaScript

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

 

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

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

тема: Background на весь экран
 
 автор: ZooM (ССС)   (01.04.2006 в 19:43)   письмо автору
 
 

Вот интересно узнать! Как такое можно сделать?*!
Я впринцепе знаю как но охота узнать может можно сделать все намного проще?! вот код:


<html>
<head> <title> Страничка </title> </head>
<body style='margin:0'>
<div style="position:absolute;left:0;top:0;Z-INDEX:10;WIDTH=100%;HEIGHT=100%;margin:0 0 0 0;padding: 0 0 0 0;"> 
...
Текст Страницы
...
</div>
<script>
if(document.all){
document.write("<IMG name=bgr SRC='Вариант 1.jpg' WIDTH=100% HEIGHT=100% BORDER=0 style='margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;'>");

</script>
</html>

   
 
 автор: Sergey89   (01.04.2006 в 19:45)   письмо автору
 
   для: ZooM (ССС)   (01.04.2006 в 19:43)
 

Через стандартные средства CSS нет.

   
 
 автор: ZooM (ССС)   (01.04.2006 в 19:47)   письмо автору
 
   для: Sergey89   (01.04.2006 в 19:45)
 

Да я это знаю!
Может как нить через Java Script такое сделать ( кроме моего варианта )

   
 
 автор: 12345   (01.04.2006 в 23:29)   письмо автору
 
   для: ZooM (ССС)   (01.04.2006 в 19:47)
 

Да, есть, document.bgColor='yellow';

А почему там говорят, что стилями нельзя?


<style>body{background-color:yellow;}</syle>


Если же использовать document.body.style.backgroundColor, то в IE6 для документа с доктайпом надо писать document.documentElement.style.backgroundColor - body отсутствует.

Только если речь не про экран, а окно. Для экрана надо F11 сгенерировать как-то.

   
 
 автор: ZooM (ССС)   (02.04.2006 в 08:19)   письмо автору
 
   для: 12345   (01.04.2006 в 23:29)
 

Да ты не так понял!!!
Например есть картинка размером скажем 300 * 200 пикселей!
И вот надо ее замостить как фон ( background) ну дело в том что надо сделать не так чтобы она размножалась а так чтобы растянулась на весь экран!

   
 
 автор: ZooM (ССС)   (02.04.2006 в 13:05)   письмо автору
 
   для: ZooM (ССС)   (02.04.2006 в 08:19)
 

Помучался я помучался и придумал!"!!
Лучше чем щас получилось мне кажется не придумаешь!!!
НУ КАК ВАМ?!
вот код:

<html>
<head> <title> Страничка </title> </head>
<body style='margin:0'>
<div style="position:absolute;left:0;top:0;Z-INDEX:10;WIDTH=100%;HEIGHT=100%;margin:0 0 0 0;padding: 0 0 0 0;"> 
Текст!!!
</div>

<script>
majorver = parseInt(navigator.appVersion);
if(majorver>=4){}uagent = window.navigator.userAgent.toLowerCase();
opsystem = window.navigator.platform.toLowerCase();
if (opsystem.indexOf('win') != -1)MsWinS = true;
else if (opsystem.indexOf('mac') != -1)MacOS = true;
else if (opsystem.indexOf('unix') != -1 || opsystem.indexOf('linux') != -1 || opsystem.indexOf('sun') != -1)
ULinS = true;
NS4B=((document.layers)?true:false);
IE4B=((document.all)?true:false);
NS6B=((document.getElementById)&&(!IE4B))?true:false;
OP5B=(uagent.indexOf('Opera') != -1)?true:false;
if(OP5B==true){NS6B=true;IE4B=false;}
if ((uagent.indexOf('aol')) != -1 )var sttus=false;
var cdobj=null;
var ns6scroll=0;
function wscrollf(){
if(IE4B){
dmenud.style.pixelTop=document.body.scrollTop;
}
else if(NS4B){
document.dmenud.top=window.pageYOffset;
}
else if(NS6B){
if(ns6scroll!=(window.pageYOffset)){
cdobj=document.getElementById('dmenud');
cdobj.style.top=window.pageYOffset;
ns6scroll=window.pageYOffset;
}
}
}
if(IE4B||NS6B){
document.write('<div id="dmenud" name="dmenud" style="position:absolute; display: block; background:#f5f5f5; left:0; top:0; width:100%; height: 100%; z-index: 0">');
document.write("<IMG name=bgr SRC='132.jpg' WIDTH=100% HEIGHT=100%  BORDER=0 style='margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; '>");
document.write('</div>');
}
function strt(){
if(IE4B){
dmenud.style.pixelLeft=0;
window.onscroll = wscrollf;
}
}
strt();
</script>
</html> 

   
 
 автор: Sergey89   (02.04.2006 в 13:13)   письмо автору
 
   для: ZooM (ССС)   (02.04.2006 в 13:05)
 

<html>
<style type="text/css">
body { margin: 0; padding: 0; }
</style>
<body>
<div style="position: absolute; width: 100%; height: 100%;"><img src="img.jpg" width="100%" height="100%" /></div>
<div style="position: absolute;">
Тут всё содержимое страницы
</div>
</body>
</html>

   
 
 автор: 12345   (02.04.2006 в 14:15)   письмо автору
 
   для: ZooM (ССС)   (02.04.2006 в 08:19)
 

> И вот надо ее замостить как фон ( background) ну дело в том что надо сделать не так чтобы она размножалась а так чтобы растянулась на весь экран!

А чё бы сразу так не сказать? И опять же, не на экран, а на окно.

Надо ещё вставить onresize и document.onmousewheel
И если с доктайпами будет, надо везде 0px вместо 0..

   
 
 автор: Sergey89   (02.04.2006 в 17:19)   письмо автору
 
   для: 12345   (02.04.2006 в 14:15)
 

0px и 0 - разницы нет и валидатор знает об этом. К тому же об этом знают и все браузеры.

   
 
 автор: 12345   (02.04.2006 в 20:16)   письмо автору
 
   для: Sergey89   (02.04.2006 в 17:19)
 

Насчёт валидатора - это его проблемы, но вот браузеры с доктайпом не понимают "0".

Нужен пример?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<div style="padding:100;background-color:#eeeeee;">!!!</div>


А теперь допишите "px"...

   
 
 автор: Sergey89   (02.04.2006 в 21:40)   письмо автору
 
   для: 12345   (02.04.2006 в 20:16)
 

Блин я про что говорю-то. Если писать просто 100 - это грубая ошибка, т.к. не указана еденица измерения велечины. А 0 - он и в африке 0. С чем его ещё-то путать?

   
Rambler's Top100
вверх

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