Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- [html]W jakiej technice zrobić stronkę? Jestem grafikiem a chce zrobić stronkę....
- [HTML] Wyrównanie do lewej NIE DZIAŁA!!!
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- kudrzwi.htw.pl
telcocafe
Mam na stronie typową listę UL z zagnieżdżonymi w niej listami UL, co wygląda mniej więcej tak:<UL> <LI>1 <UL> <LI>1_1</LI> <LI>1_2</LI> <LI>1_3</LI> <LI>1_4</LI> <LI>1_5</LI> <LI>1_6</LI> </UL> </LI> <LI>2 <UL> <LI>2_1</LI> <LI>2_2</LI> <LI>2_3</LI> <LI>2_4</LI> <LI>2_5</LI> <LI>2_6</LI> </UL> </LI> </UL>
Wystylowałem to CSS-em w taki sposób:
/* style łączone */ #navigation LI { display: block; float: left; width: 81px; height: 81px; overflow: hidden; } #navigation UL { width: 486px; height: 81px; position: absolute; list-style: none; padding: 0px; } /* style łączone */ #navigation>UL>LI::before { display: block; } #navigation>UL:hover>LI::before { content: "" !important; } #navigation>UL>LI>UL { display: none; top: 0px; left: 0px; } #navigation>UL>LI:hover>UL { display: block; }
Efekt jaki chciałem osiągnąć możecie zobaczyć na www.oggylwiatko.ovh.org. Problem w tym, że w FF po najechaniu na button i pojawieniu się zestawu nowych buttonów część z nich (te na lewo od buttona na który wskazaliśmy myszką) wyświetla się nad elementami z pierwszej listy UL (czyli prawidłowo), a te na prawo, pod elementami z pierwszej listy UL. I nie wiem dlaczego :/ W Operze jest dobrze. Logicznie myśląc to efekt powinien być właśnie taki jak w Operze. Próbowałem to naprawić z-index, ale nie pomaga :/ Skąd ten dziwny efekt w FF i jak go naprawić ?
A tak swoją drogą ... jeśli ktoś patrzył źródła tej strony to niech mi powie czy od strony semantycznej ten kod jest poprawny ? I czy byłby nadal poprawny gdybym zamiast z kombinować ze wstawianiem obrazków przez css wstawił je w liste UL i a w alcie napisał wyjaśnienie (np. "Strona główna", "Linki" etc.). Chodzi mi o google głównie. Google potrafi rozpoznać menu i w wynikach wyszukiwania je pokazać tak jak na przykład tutaj.
Użytkownik oggylwiatko edytował ten post 14 wrzesień 2008, 12:53
Nie widzę żadnych nieprawidłowości w Firefoksie 3. Zrób zrzut ekranu, jak u Ciebie to wygląda. Poeksperymentuj z z-index, ewentualnie pozycjonowaniem.
hmm ... czyżby błąd FF 2 ? U mnie to wygląda tak: click. W zielonych kółeczkach widać, że tekst z pierwszego UL jest pod zagnieżdżoną listą, czyli dobrze. Natomiast w czerwonych kółeczkach widać tekst na wierzchu. Gdybym przesunął kursor na następny button (biały krzyżyk to kursor myszki) to sytuacja wyglądałaby tak samo z tym, że tekst by był pod dla buttonów przed zaznaczonym (włącznie), a za zaznaczonym już byłby nad.
//EDIT
Wywaliłem "overflow: hidden" dla elementu LI i wyświetla się poprawnie oO. Nie rozumiem tego :/
Użytkownik oggylwiatko edytował ten post 14 wrzesień 2008, 14:33