HTML -Jak přidat více pozadí

lukas.sei · Příspěvek od **lukas.sei** » 07 led 2016 08:59

Čaute,
Potřeboval bych poradit. Neví tady někdo jak v HTML přidat více pozadí ?
Pomocí: body{background-image:URL(pozadí.jpg);} jsem nastavil pozadí celé stránky.
Ale já bych potřeboval nastavit ještě pozadí hlavičky stránky. Někde na netu jsem se dočetl že to mám udělat přes <div>,ale buď to dělám špatně a nebo to nefunguje. :/ Vždy se zobrazí pouze pozadí celé stránky.
Mohl by mi někdo prosím poradit ?
Jakmile dojdu domů napisu vám kód toho jak jsem psal ten div. (Kolem 16:00)

pikaso.andreas · Příspěvek od **pikaso.andreas** » 07 led 2016 11:51

Ahoj,
mohlo by to být tím, že ten <div>s pozadím nic neobsahuje a nemá zadaný rozměr - proto se nic nezobrazí.
Ale počkám si na zdrojový kód.
Ondra

Petr Hnátek · Příspěvek od **Petr Hnátek** » 07 led 2016 12:11

Může to být tím, jak je řečeno výše, div nemá rozměr. Nicméně, tímto způsobem obrázek na pozadí headeru ti překryje obrázek na pozadí stránky.
Lepší by to udělat tak, že TAGu <header> nastavíš pozadí pro header a TAGu <main> nastavíš pozadí pro stránku.

lukas.sei · Příspěvek od **lukas.sei** » 07 led 2016 13:00

Takhle vypadá kód když tam nechám pouze nastavení pozadí:

Kód: Vybrat vše

<!DOCTYPE HTML>

<HTML lang="cs-cz">
        <head>
                <meta charset="utf-8" />
                <title>První Stránka</title>
                
                <style>
                     body {background-image: URL('pozadi.jpg'); background-attachment: fixed; background-color: black; color: white; } 
                     #hlavicka{background-image: url('pozadi2.png');background-repeat: repeat-x;}
                </style>
                
        </head>                                                            
                     
        <body>
                      <div id="hlavicka">
                      </div>
        </body>
</HTML>

lamin_cz · Příspěvek od **lamin_cz** » 07 led 2016 13:30

Kód: Vybrat vše

#hlavicka{
background-image: url('pozadi2.png');
background-repeat: repeat-x;
display: block;
height: 150px; /* výška divu */
width: 100%; /* 100% - přes celou šířku */
}

lukas.sei · Příspěvek od **lukas.sei** » 07 led 2016 15:41

Dík, toto můj problém vyřešilo :)

Dodatečně přidáno po 1 hodině 2 minutách 45 vteřinách:
Ok tak jsem narazil na ještě jeden problém s tímto řešením. Jakmile přidám nějaký text/čudlík/... zobrazuje se automaticky pod touto vrstvou. Nešlo by nějak nastavit aby se zobrazoval na té vrstvě ?

: problem.PNG (33.49 KiB) Zobrazeno 715 x

PC-HELP.CZ

CNEWS

HTML -Jak přidat více pozadí

HTML -Jak přidat více pozadí

Re: HTML -Jak přidat více pozadí

Re: HTML -Jak přidat více pozadí

Re: HTML -Jak přidat více pozadí

Re: HTML -Jak přidat více pozadí

Re: HTML -Jak přidat více pozadí