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

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
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 nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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… nový 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? nový 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… nový 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

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