Dvě pozadí
14 příspěvků
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
Mám pomocí CSS nastaveno pozadí (je to barevný roh): body { color: white; font-family: Helvetica; background: #0C7467; background-image: url(pozadi.gif); background-repeat: no-repeat; background-position: right bottom; } A potřebuju ještě jedno pozadí (barevný roh) na "left top". Jak to udělat, do body to napsat nemůžu (zobrazí se jen jedno) a když udělám např. "#roh" a do index.php dám <div id="roh"> tak se to zobrazí jenom pod textem. jak to udělat aby to bylo i bez textu?
-
/me tvrdi ze dva obrazky na jedno pozadi dat nejdou.
-
Takže to nepůjde?
-
určitě jo.. ale ne v jednom pozadí
-
?
-
A jak udělat dvě pozadí?
-
normálně vlož dva objekty.. ne?
-
dělá se to ostylováním elementů div a jejich následným pozicováním studuj CSS na www.jakpsatweb.cz
-
dá se to pochopist i z css.interval.cz ;-)
-
1) do HTML primo za BODY umistis: <img src='obrazek.jpg' class='mujobr' width="120" height="200" alt="muj obrázek" /> 2) a do CSS: /* ******************************************** */ img.mujobr { position: absolute; top: 0; left: 0; z-index: -1; } /* ******************************************** */
-
Tak tohle bych nedělal... mělo by to mít taky svou logiku... do body vlož div a urlo toho obrázku vepiš do stylopisu jako background-image: url('jmeno.jpg'); samozrejme to pak bude div.mujobr
-
Nevim, co je na mem reseni nelogickeho. Pro me je to proste obrazek, tedy IMG. Neni to v zadnem pripade pozadi.
-
No, mám pocit, že když pozicuju "design", tak bych na něm rád měl nějaký obsah. Pozicovat tag img, jako jde to, špatně to není, ale neudělal bych to :-)
-
Já to dělám takto: #wrapper { width: 1024px; margin: 0px auto 0px auto; background-color: transparent; } #wrapper-1 { width: 100%; background: url('right.gif') 0% 10px no-repeat; background-color: transparent; } #wrapper-2 { width: 100%; background: url('left.gif') 100% 10px no-repeat; background-color: transparent; } <div id="wrapper"> <div id="wrapper-1"> <div id="wrapper-2"> obsah </div> </div> </div>