Stránka 1 z 1

HTML -Jak přidat více pozadí

Napsal: 07 led 2016 08:59
od lukas.sei
Č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)

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

Napsal: 07 led 2016 11:51
od pikaso.andreas
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

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

Napsal: 07 led 2016 12:11
od Petr Hnátek
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.

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

Napsal: 07 led 2016 13:00
od lukas.sei
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>

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

Napsal: 07 led 2016 13:30
od lamin_cz

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 */
}

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

Napsal: 07 led 2016 15:41
od lukas.sei
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
problem.PNG (33.49 KiB) Zobrazeno 636 x