| Autor | Zpráva | ||
|---|---|---|---|
| Stewe Profil * |
#1 · Zasláno: 15. 3. 2009, 20:20:06
Ahoj, potreboval bych vedet jestli se da udelat abych mohl zarovnavat obrazek na 0px od dolniho okraje stranky nebo jak proste udelat aby byl obrazek dole na strance...
Kdyz pouziju tohle tak se obrazky vlozi pod stranku... tam kde konci 100% se mi vlozi obrazek ale ja bych potreboval aby byla spodni hrana obrazku zaroven s koncem stranky ne o vyzku obrazku pod.
#menu {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1}
*
*
*
*
<div id="menu">
<img src="downrt.jpg" style="position: absolute; top: 100%; right: 0px">
<img src="downlv.jpg" style="position: absolute; top: 100%); left: 0px">
</div>
Diki moc za napady a rady |
||
| panther Profil |
#2 · Zasláno: 15. 3. 2009, 20:24:53
Stewe
vůbec jsem tě nepochopil, co chceš, ale: - pokud chceš v menu něco pozicovat absolutně na jeho spodní okraj, místo „top: 100%“ můžeš použít „bottom: 0;“ - ale co je hlavní, nadřazený prvek musí mít „position: relative;“, aby se ta absolutní pozice vztahovala vůči němu |
||
| Stewe Profil * |
#3 · Zasláno: 15. 3. 2009, 20:32:43
Jo diki :) funguje skvele ale kdyz dam relative pozici toho ramce jak to mam napsany nahore tak se mi okolo cele stranky udelaji bily okraje... kdyz dam absolute okraje zustanou jen v pravo a nevim proc...
<STYLE>
#menu {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1}
#obsah {position: absolute; width: 500px; top: 0px; left: 180px; height: 100%}
#obsah {color: white}
#menu {background-color: black; color: white}
</STYLE>
</head>
<div id="obsah">obsah</div>
<div id="menu">
<img src="toplv.jpg" style="position: absolute; top: 0px; left: 0px">
<img src="toprt.jpg" style="position: absolute; top: 0px; right: 0px">
<img src="downrt.jpg" style="position: absolute; bottom: 0; right: 0px">
<img src="downlv.jpg" style="position: absolute; bottom: 0; left: 0px">
</div>Tohle je celej kod toho co resim... |
||
| Stewe Profil * |
#4 · Zasláno: 15. 3. 2009, 20:35:19
Ne omlouvam se mlzim tuhle chybu dela jen nahled v editoru kodu... omlouvam se vsechno je ok
|
||
| Stewe Profil * |
#5 · Zasláno: 15. 3. 2009, 21:11:15
Muzu prosim vedet jak udelam aby mi mozila zobrazila tenhle kod normalne?
V IE se bere vyska 100% podle delky textu v div obsah a cela delka stranky se tim padem protahne na delku textu.... to je super, ale mozila vezme 100% vysky prohlizece a tim padem pozadi konci a text pokracuje... da se nejak mozila donutit aby to jelo nebo budu muset vazne urcit delku stranky v pixelech? <head>
<STYLE>
#obsah {position: relative; width: 500px; top: 0px; left: 180px; height: 90%; z-index: 1}
#menu {position: absolute; width: 100%; height: 120%; top: 0px; left: 0px; right: 0px; }
#obsah {color: white}
#menu {background-color: black; color: white}
</STYLE>
</head>
<div id="menu">
<div id="obsah">text</div>
<img src="toplv.jpg" style="position: absolute; top: 0px; left: 0px">
<img src="toprt.jpg" style="position: absolute; top: 0px; right: 0px">
<img src="downrt.jpg" style="position: absolute; bottom: 0px; right: 0px">
<img src="downlv.jpg" style="position: absolute; bottom: 0px; left: 0px">
</div> |
||
| panther Profil |
#6 · Zasláno: 16. 3. 2009, 08:06:44
Stewe
„da se nejak mozila donutit aby to jelo nebo budu muset vazne urcit delku stranky v pixelech? “ a proč tam výšku zadáváš? Kdybys ji nezadal, výška bude vždy podle délky textu. |
||
| Stewe Profil * |
#7 · Zasláno: 16. 3. 2009, 17:30:38
TO je pravda ale pokud je text kratsi nez okno prohlizece ty obrazky co maji byt dole jsou uprostred okna :) no to je jedno snad to lidi prezijou
|
||
| panther Profil |
#8 · Zasláno: 16. 3. 2009, 17:33:31
Stewe
možná, kdybys dal odkaz na problematickou stránku namísto nicneříkajícího úryvku kódu, dalo by se na něco přijít. |
||
|
Časová prodleva: 15 let
|
|||
0