Autor Zpráva
spek
Profil *
potreboval bych header, kterej se roztahuje do sirky do "nekonecna", ale to jeste tak, ze z pulky musi bejt tvoren jednim opakujicim se obrazkem a z druhy pulky jinym opakujicim se obrazkem. A pak tam, kde bude kraj tehto dvou casti prijde obrazek, kterej bude centrovan na stred, takze se toto misto prekryje. Nevite, jak na to?
AnonymXYZ
Profil *
Tohleto fakt nechapu. Skus to nejak znazornit
Matty
Profil
spek
do sirky do "nekonecna"
width: 100%
ze z pulky musi bejt tvoren jednim opakujicim se obrazkem a z druhy pulky jinym opakujicim se obrazkem
width: 50%
Nevite, jak na to?
www.jakpsatweb.cz/css
Nox
Profil
Třeba
<div id="header-levy">/
<div id="header-pravy">/
<img src...>

headery width="50%" (+ pozadí, výška a další srandy)
obrázek pos. absolute left: 50% margin-left: -(jeho sirka/2)px; top: 0px (nebo kolik potřeba, toto asi bude konstantní kdykoliv, takže proto jde abs.)

anebo

obrázek margin: 0 auto; pos.: rel. top: -(jeho vyska)px

atd.... tady máš základ, obrázek nemusí být obrázek, můžeš si přidat pod obr. <h1> atd...
spek
Profil *
Ale ten obrazek musi byt jakoby pres tyhle dva roztahovaci obrazky, pri pohledu z boku jakoby nad nimi, neco jako urcuje z-index. Ja to mam takhle, ale mam problem s tim, ze neni ten obrazek nad temi divy s roztahovacim obrazkem.

HTML:
<div class="obalovaci"></p>
<div class="header_2"></div>
<p class="stred"><img src="header_1.png" title="" alt="" /><div class="levy"></div><div class="pravy"></div></div>

CSS:
.levy {width: 50%; height: 310px; background: url("headerb_1.png") repeat-x; float: left;} .pravy {width: 50%; height: 310px; background: url("headerb.png") repeat-x; float: left;} .obalovaci {width: 100%; height: 310px;}

.header_2 {
background: url("header_2.png") no-repeat;
margin: auto;
width: 950px;
height: 101px;
}
Matty
Profil
spek
Ale ten obrazek musi byt jakoby pres tyhle dva
Když mu nastavíš z-index vyšší, tak bude nad těmi roztahovacími.
pri pohledu z boku
To jsem ještě nezkoušel :-)
spek
Profil *
A to musi mit position: relative; ?
spek
Profil *
Teda sorry, absolute?
spek
Profil *
No, to je jedno, stejne to s tim z-index nefunguje, to musi bejt nejak jinak.
Nox
Profil
to </p> je překlep?

aby se dal použít z-index, musí být definovaný jakýkoliv position - r/a/f/s
spek
Profil *
jj, to </p> je preklep. Hele, musi to bejt v necem jinym, nez je z-index. zmenil jsem to, tak ze to vypada ted takhle a stejne to nefunguje.
<div class="obalovaci">
<div class="header_2"></div>
<p class="stred"><img src="header_1.png" title="" alt="" style="z-index: 5; position: relative;" /></p><div class="levy"></div><div class="pravy"></div></div>
Mistr
Profil
spek
Inspiruj se: http://www.wellstyled.com/css-2col-fluid-layout.html
spek
Profil *
Vyresil jsem to tou absolutni pozici, ale prijde mi to jako prasarna, ne?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: