Autor | Zpráva | ||
---|---|---|---|
Leaf-fit Profil * |
Ahoj.
Mam box se zaoblenymi rohy, ten ma ID=obsah a chtel bych mu priradit dolni obrazek s rohy. Do obsahu chci vlozit menu UL, ktere bude nahore a rad bych mu priradil horni obrazek s rohy. Pro lepsi pochopeni dam kod. <div id="obsah"> <ul class="menu"> <li>.....</li </ul> </div> A ted CSS: #obsah {float: left; width: 500px; background: #f5e4cc url('images/obsah-dolni-rohy.gif') left bottom no-repeat;} .menu ul {margin: 0; padding: 0; background: url('images/obsah-horni-rohy.gif') left top no-repeat;} a zde pokracuje definice pro li, li a, li a:hover atd Jde mi tedy o to, ze div obsah bude ruzne vysoky dle obsahu, takze tomuto divu priradim obrazek s dolnimy rohy. Menu bude vlastne stale nahore, tak mu chci priradit horni rohy. Zobrazuje se mi ale pouze obrazek s dolnimy rohy a ten obrazek u seznamu ul, tedy s hornimi rohy, nikoliv. Kde je chyba? Melo by to jit ne? |
||
Venca V Profil |
#2 · Zasláno: 5. 4. 2008, 20:28:37
Pokud máš nějak definovanou barvu pozadí pro li, tak ti to samozřejmě překryje to pozadí ul...
|
||
Leaf-fit Profil * |
#3 · Zasláno: 5. 4. 2008, 20:35:46
Pro li uz mam definovane jen marginy, paddingy, velikost pisma, jeho barvu a tak, zadny pozadi pro to uz nemam. Kdybych mel ty pozadi poporade, tedy pro obsah obrazek horni a pro ul obrazek dolni, tak se to zobrazi. Ale ja to chci obracene, myslel jsem ze staci prohodit to umisteni top a bottom a obrazky a pujde to, ale nejde...
|
||
Bubák Profil |
#4 · Zasláno: 5. 4. 2008, 21:04:37
Leaf-fit
Chyba bude někde jinde, dej odkaz na stránku. |
||
Leaf-fit Profil * |
Bubák
Nemam to na internetu zatim. Zkusim udelat obrazek a nahrat ho. A kompletni kod. Jeste bych napsal, ze se mi to nezobrazuje v IE, Firefoxu ani Opere, vsude to vypada na chlup stejne:) Vlastne jde o reseni, ze boxu nastavim obrazek dolni rohy a obrazek horni rohy nastavim treba nadpisu toho boxu. To uz jsem videl. Nejde sem napsat obecny zapis tohoto prikladu? Tak uz vim, kde by mohla byt chyba, je u toho li. To menu chci mit horni, takze mam pro li nastaveno float: left , aby odkazy byli vedle sebe, ale prave kdyz dam float: left pryc, tak se mi ty horni rohy zobrazi. Jenze zas uz nemam polozky menu vedle sebe v rade ale pod sebou... CSS tedy vypada takto, kdyz doplnim to nahore: #obsah {float: left; width: 500px; background: #f5e4cc url('images/obsah-dolni-rohy.gif') left bottom no-repeat;} .menu ul {margin: 0; padding: 0; background: url('images/obsah-horni-rohy.gif') left top no-repeat;} .menu li {float: left; margin-left: 35px;} .menu li a {display: block; width: 154px; height: 35px; text-align: center; color: #fff; text-decoration: none;} A kdyz dam tedy pryc to float: left od .menu li, tak mam odkazy pod sebou a ne vedle sebe, ale zas mi fungujou oba dva obrazky na pozadi... |
||
Leaf-fit Profil * |
#6 · Zasláno: 5. 4. 2008, 22:29:44
Problem kompletne vyresen. Dekuji Bubákovi, za radu ze chyba bude nekde jinde, kdy jsem ji skutecne nasel o radek nize a jinde nez jsem cekal.
A dekuji moderatorovi za formatovani mych prispevku, kdybych vedel jak na to, udelal bych to sam. |
||
Bubák Profil |
#7 · Zasláno: 5. 4. 2008, 22:36:48
Leaf-fit
.menu ul Před chvíli jsem ji taky našel. |
||
Leaf-fit Profil * |
#8 · Zasláno: 6. 4. 2008, 14:46:24
Bubák
Přesně tak... |
||
Časová prodleva: 16 let
|
0