HTML -Jak přidat více pozadí

lukas.sei · Příspěvekod **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)

Reklama

pikaso.andreas · Příspěvekod **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ěvekod **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ěvekod **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ěvekod **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ěvekod **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 567 x

HTML -Jak přidat více pozadí Vyřešeno

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í Vyřešeno

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

Kdo je online