Autor | Zpráva | ||
---|---|---|---|
spek Profil * |
#1 · Zasláno: 18. 3. 2008, 17:29:24
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 * |
#2 · Zasláno: 18. 3. 2008, 17:31:44
Tohleto fakt nechapu. Skus to nejak znazornit
|
||
Matty Profil |
#3 · Zasláno: 18. 3. 2008, 17:46:14 · Upravil/a: Matty
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 |
#4 · Zasláno: 18. 3. 2008, 17:49:32
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 * |
#5 · Zasláno: 18. 3. 2008, 18:04:22
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 |
#6 · Zasláno: 18. 3. 2008, 18:10:37
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 * |
#7 · Zasláno: 18. 3. 2008, 18:12:51
A to musi mit position: relative; ?
|
||
spek Profil * |
#8 · Zasláno: 18. 3. 2008, 18:17:29
Teda sorry, absolute?
|
||
spek Profil * |
#9 · Zasláno: 18. 3. 2008, 18:22:33
No, to je jedno, stejne to s tim z-index nefunguje, to musi bejt nejak jinak.
|
||
Nox Profil |
#10 · Zasláno: 18. 3. 2008, 18:24:00
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 * |
#11 · Zasláno: 18. 3. 2008, 18:28:22
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 |
#12 · Zasláno: 18. 3. 2008, 19:57:33
spek
Inspiruj se: http://www.wellstyled.com/css-2col-fluid-layout.html |
||
spek Profil * |
#13 · Zasláno: 18. 3. 2008, 20:53:52
Vyresil jsem to tou absolutni pozici, ale prijde mi to jako prasarna, ne?
|
||
Časová prodleva: 16 let
|
0