Pozadí na web, www - poradna.net

Zdravím, mám dvě otázky, dávám to do jednoho topicu ať nespamuji.

První věc: nemůžete mi prosím ukázat nějakou stránku, kde je návod na to, jak vytvořit speciální pozadí na web?
Tím speciálním pozadím myslím to, že nahoře je nějaké pozadí a pod ním je na něj napojené nějaké další opakující se pozadí.
Pro příklad: nahoře bude nebe a povrch země, pod tím bude vnitřek země (opakující se)...
Snad je to srozumitelné.

Druhá věc: Proč se před některé stránky musí dávat WWW a před jiné ne? U některých stránek to je jedno, u jiných ne (například stránka s WWW vůbec nefunguje, nebo má dokonce jiný (např. neaktualizovaný) obsah! ). To mi moc neleze do hlavy.

Moooc děkuju za odpovědi a přeji příjemný večer.

w00tttt

Předmět	Autor	Datum
1) Uděláš si <div> pro hlavičku, tomu nastavíš jako pozadí nebe. A k tomu uděláš <div> pro zbytek, k… Wikan 26.01.2012 17:48	Wikan	26.01.2012 17:48
Děkuji za odpověď :) 1) Problém je v tom, že obsah stránky musí být NEZÁVISLÝ na pozadí webu. Nemůž… w00tttt 26.01.2012 17:51	w00tttt	26.01.2012 17:51
Obsah stránky se dává do html, pozadí se popisuje v css. V čem je teda problém? Ano, obvykle to dělá… Wikan 26.01.2012 17:53	Wikan	26.01.2012 17:53
1) příklad se mi hledat nechce, snad to bude rychlejší vysvětlit: pro zobrazení pozadí použiješ CSS… host 26.01.2012 17:55	host	26.01.2012 17:55
Případně se název protokolu www... To bude doufám jen momentální nepozornost... www přece není prot… JoDiK 26.01.2012 20:26	JoDiK	26.01.2012 20:26
Díky za opravu, dneska nemám den. :-/ host 26.01.2012 20:32	host	26.01.2012 20:32
Děkuji vám za odpovědi. Jsem docela začátečník, proto se Vás zeptám ještě na něco (pokud vám to ted… w00tttt 26.01.2012 21:11	w00tttt	26.01.2012 21:11
body { margin:0; } Tak jednoduché to bylo... :-x w00tttt 26.01.2012 21:14	w00tttt	26.01.2012 21:14
Jsem zpět s dalším dotazem... Nějak nechápu, jak udělat, aby text stránky neovlivňoval pozadí. Už s… w00tttt 26.01.2012 21:44	w00tttt	26.01.2012 21:44
Kolik těch DIVů s pozadím máš? Neděláš si to zbytečně komplikované? Layout musíš samozřejmě navrhno… host 26.01.2012 22:12	host	26.01.2012 22:12
Zatím to mám řešené takto: text - absolutní, přes všechny DIVY (neovlivňuje pozadí) (z-index = 1) b… w00tttt 26.01.2012 22:26	w00tttt	26.01.2012 22:26
DIV text bych vynechal a jeho obsah umístil přímo do DIVu bgbody. Mělo by to fungovat tak jak zamýšl… host 26.01.2012 22:28	host	26.01.2012 22:28
No jenže tím pádem obsah začne až od tagu bgbody... ale já jej chci už od začátku a přes všechna poz… w00tttt 26.01.2012 22:35	w00tttt	26.01.2012 22:35
Víc asi nejsem schopen v tomto okamžiku poradit. Ideální by bylo dát sem grafický návrh webu a pak t… host 26.01.2012 22:42	host	26.01.2012 22:42
Tady je: http://www.ourupload.wz.cz/file/1056/rozvrzeni.png A to jsem si zpočátku myslel, jak to… w00tttt 26.01.2012 22:49	w00tttt	26.01.2012 22:49
Já nejsem z toho, jak co myslíš. Udělal bych to nějak takto (psal to host nahoře): <style type="tex… Kráťa 26.01.2012 22:53	Kráťa	26.01.2012 22:53
Zdravím :) Vůbec nerozumím tomu, jak tohle řešení řeší můj problém. Obsah bude tedy jeden DIV s jed… w00tttt 26.01.2012 22:57	w00tttt	26.01.2012 22:57
U toho mého je přeci jedno pozadí u horního a druhé o "obsahu". Psal jsem, že nejsem z toho, jak to… Kráťa 26.01.2012 23:28	Kráťa	26.01.2012 23:28
Psal jsem, že je hned nad tím, co jsi napsal :) http://www.ourupload.wz.cz/file/1056/rozvrzeni.png… w00tttt 26.01.2012 23:44	w00tttt	26.01.2012 23:44
Jen takový šťouravý dotaz: Co když se ti ten obsah natáhne, že nebude vidět onen footer? Kráťa 26.01.2012 23:57	Kráťa	26.01.2012 23:57
Nahrál jsem to na web, to asi nejvíc napoví, s čím teď zápasím. www.minewiki.4fan.cz Stručně: Cel… w00tttt 26.01.2012 23:54	w00tttt	26.01.2012 23:54
Já bych asi nedělal žádné komplikace, z-index a pozicování. Udělal bych ještě jeden menší <div> s po… poslední Kráťa 27.01.2012 00:15	Kráťa	27.01.2012 00:15

1) Uděláš si <div> pro hlavičku, tomu nastavíš jako pozadí nebe. A k tomu uděláš <div> pro zbytek, kterému zase nastavíš zbytek.
2) www.neco.cz a neco.cz jsou dvě naprosto rozdílný adresy, můžou odkazovat na servery v opačných koutech světa. Kvůli lenosti uživatelů se to sice většinou sjednocuje, ale rozhodně to není automatické

Děkuji za odpověď :)

1) Problém je v tom, že obsah stránky musí být NEZÁVISLÝ na pozadí webu. Nemůžu obsah i pozadí dát do jednoho DIVu, proto hledám nějaké speciální řešení.

2) Některé weby fungují s www, ikdyž jsou registrovány bez www... takže to dělá registrátor domény automaticky?

Ještě jednou děkuju

Obsah stránky se dává do html, pozadí se popisuje v css. V čem je teda problém?
Ano, obvykle to dělá automaticky. Domény se vždycky registrují bez www.

1) příklad se mi hledat nechce, snad to bude rychlejší vysvětlit: pro zobrazení pozadí použiješ CSS a vlastnost background s parametrem repeat-y. To bude pro celou stránku (element <body>). Přes to pozadí plácneš blok DIV, kterému nastavíš pozadí opět pomocí background a vlastnosti no-repeat a zarovnání top.

background.html

2) záleží na nastavení serveru. Na doméně s www a bez www mohou běžet různé weby. Ale většinou tam je stejný obsah. Případně se název protokolu www vynechá kvůli doméně 3.řádu (subdoméně).

Případně se název protokolu www...

To bude doufám jen momentální nepozornost...
www přece není protokol (to je v případě webstránky http: a ten vynechat nelze...), je to doména 3. řádu

A odpověď na druhou část dotazu:

Proč se před některé stránky musí dávat WWW

podle mého názoru jde jen o nepochopení technologie.
Ono to není o tom, co se kam musí nebo nemusí přidávat ale jak je nastavený web server.

Takže bylo nebylo, kdysi byla adresa s www standard, prostě to měli nastaveno všichni a nikdo to neřešil. Později si někdo lenošný řekl, proč tam furt to www psát, vždyť to jen zdržuje.. A tak nastavili server bez www. No a protože ti lenoši, co je to nenapadlo, furt psali www a ono to nejelo, tak pro ně nastavili obě varianty.

Díky za opravu, dneska nemám den.

Děkuji vám za odpovědi.

Jsem docela začátečník, proto se Vás zeptám ještě na něco (pokud vám to tedy nebude vadit).
Mám toto:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>



<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
</head>


<body>
<div class="bghead">
<font style="font-family: calibri, Tahoma, Arial CE, sans-serif">text</font>
</div>
</body>

</html>

a CSS

@font-face {
font-family: calibri;
font-style: normal;
font-weight: normal;
src: url('fonts/calibri.eot'); }

@font-face {
font-family: LogoCraft;
font-style: normal;
font-weight: normal;
src: url('fonts/LogoCraft.eot'); }

.bghead {
background-image: url("images/background.png") }

DIV je tedy v BODY a je vyplněný pozadím. Nevím proč, ale kolem stránky mi vzniká asi 1cm bílý okraj po všech stranách.

Pokud nastavím, aby přímo BODY mělo pozadí, tak to pozadí je všude (bez okraje)...
Potřebuji však, aby to pozadí bylo přímo v DIVu...
Nevíte, kde dělám chybu?

Děkuju

body { margin:0; }

Tak jednoduché to bylo...

Jsem zpět s dalším dotazem...

Nějak nechápu, jak udělat, aby text stránky neovlivňoval pozadí.
Už se mi podařilo pozadí udělat podle mých představ (téměř), ovšem nechci text rozkouskovat do těch divů...
Chci aby text plynul dál po stránce nezávisle na DIVech (ze kterých je sestaveno po kouskách pozadí stránky).

Když píšu text do divů, tak se ostatní divy posunují (protože pozice divů je relativní - jedna část z pozadí se totiž může roztahovat či zmenšovat - podle textu - chci aby se roztahovala podle CELKOVÉ velikosti stránky).

Kolik těch DIVů s pozadím máš? Neděláš si to zbytečně komplikované?

Layout musíš samozřejmě navrhnout tak, abys hlavní obsah měl v jednom DIVu.

Zatím to mám řešené takto:

text - absolutní, přes všechny DIVY (neovlivňuje pozadí) (z-index = 1)
bghead - horní pozadí
bgbody - zbytkové pozadí (chci, aby se tento DIV zvětšoval podle velikosti stránky - ta velikost stránky se mění hlavně pomoci absolutně umístěného divu text)
bgbottom - dolní pozadí

DIV text bych vynechal a jeho obsah umístil přímo do DIVu bgbody. Mělo by to fungovat tak jak zamýšlíš.

No jenže tím pádem obsah začne až od tagu bgbody... ale já jej chci už od začátku a přes všechna pozadí (všechny DIVY) a to bez ovlivnění pozice či velikosti DIVŮ (až na bgbody, ten se musí zvětšovat, pokud se text do stránky nevleze).

Víc asi nejsem schopen v tomto okamžiku poradit. Ideální by bylo dát sem grafický návrh webu a pak teprve řešit, jak jej "rozřezat".

Tady je:

http://www.ourupload.wz.cz/file/1056/rozvrzeni.png

A to jsem si zpočátku myslel, jak to bude jednoduché :)
Ale jak říkám, jsem opravdu začátečník.

Děkuju

Já nejsem z toho, jak co myslíš. Udělal bych to nějak takto (psal to host nahoře):

<style type="text/css">
  .horni {
  height: 100px;
  width: 100%;
  background-color: blue;
  background-image: url("images/nebe.jpg");
  }
  
  .obsah {
  width: 100%;
  background-color: maroon;
  background-image: url("images/peklo.jpg");
  }
  </style>
  
  </head>
  <body>
        <div class="horni">
        tady vše, co bude nahoře (logo, nadpis (ale i nic)
        </div>
        
        <div class="obsah">
        tady veškerý text bez pozicování a podobných blbin
        </div>
  </body>

Zdravím :)

Vůbec nerozumím tomu, jak tohle řešení řeší můj problém.
Obsah bude tedy jeden DIV s jedním pozadím a jedním obsahem... ovšem co ostatní pozadí, přes která má text jít?
Viz. rozložení stránky výše

U toho mého je přeci jedno pozadí u horního a druhé o "obsahu". Psal jsem, že nejsem z toho, jak to myslíš. Mohl bys dát někam obrázek (klidně neumělý a strohý nákres), čeho chceš docílit?

Psal jsem, že je hned nad tím, co jsi napsal :)

http://www.ourupload.wz.cz/file/1056/rozvrzeni.png

Děkuju :)

Jen takový šťouravý dotaz:
Co když se ti ten obsah natáhne, že nebude vidět onen footer?

Nahrál jsem to na web, to asi nejvíc napoví, s čím teď zápasím.

www.minewiki.4fan.cz

Stručně:

Celou stránku budu dělat přes position:absolute

Roztahovací a zatahovací pozadí (podle obsahu) je umístěno přímo v BODY.

Problém: spodní pozadí se neumístí úplně dolů. Důvod? Když dám position:absolute a zarovnám dolů (bottom: 0px), tak si to myslí, že je to úplně dole (že níž už není žádný obsah - to je pravda, ale je tam to pozadí z BODY)...

Já bych asi nedělal žádné komplikace, z-index a pozicování. Udělal bych ještě jeden menší <div> s poloprůhledným pozadím v tom prostředním divu a dal mu marginy. Nějak takto

<style type="text/css">
  .horni {
  height: 100px;
  width: 100%;
  background-color: blue;
  background-image: url("images/nebe.jpg");
  }
  
  .obsah {
  width: 100%;
  background-color: maroon;
  background-image: url("images/peklo.jpg");
  }
  
  .text {
  width: 80%;
  margin: 100px auto 30px auto;
  background-image: url("images/polopruhledne-pozadi.jpg");
  }
  </style>
  
  </head>
  <body>
        <div class="horni">
        tady vše, co bude nahoře (logo etc.)
        </div>
        
        <div class="obsah">
        Tady ten text minecraft česky
        <div class="text">
        <p>Lorem ipsum dolor sit amet consectetuer accumsan platea Mauris commodo Curabitur. Vel Quisque consequat tortor wisi metus tincidunt velit sapien cursus turpis. Nunc Phasellus orci Nulla Pellentesque id montes condimentum faucibus Aliquam orci. Adipiscing sem sed Fusce semper Morbi mauris porta nibh eget.</p>
<p>Enim Quisque auctor nibh dictum Nunc elit Nam quis a elit. Ut molestie ac convallis Phasellus quis eget ut est auctor id. Commodo egestas dui Vestibulum lacus Aenean natoque malesuada ut id ante. Mi velit laoreet congue non.</p>
<p>Nulla In mauris netus ipsum mi Sed vestibulum Vivamus sapien mauris. Mauris ut Aliquam turpis Morbi nulla Curabitur Sed ut Nullam justo. Pretium Integer tellus.</p>
<p>Mauris Nulla sed ligula sed laoreet et interdum ante felis augue. Congue Ut orci eget condimentum lacus eu hendrerit Nunc condimentum enim. Dignissim urna et dui orci Aenean quis consectetuer nec pellentesque eleifend. Pede sit sem vitae massa egestas eget pretium ligula pellentesque Vestibulum. In ridiculus Praesent et at nonummy porta In ut consectetuer vestibulum. </p>
<p>Wisi et mus Nulla natoque Sed elit aliquet quis dolor volutpat. Consectetuer feugiat in pellentesque elit sit amet sapien justo velit dignissim. Ut convallis.</p>
        </div><!-- /text -->
        </div><!-- /obsah -->
        <div clas="footer">spodek</div>

Zpět do poradny Odpovědět na původní otázku Nahoru