| Autor | Zpráva | ||
|---|---|---|---|
| Tomy Profil |
#1 · Zasláno: 5. 1. 2016, 17:33:15
Ahoj, chci se zeptat. Jak udělám aby se ty podzáložky zobrazily jakoby nad těma položkama v menu a nenatahovaly mi to menu tím, že se jenom torchu odsadí ale zobrazí se jakoby v tom menu? Díky moc.
PS: mám to rozdělané takže to vypadá tak všelijak :D Živá ukázka.. Živá ukázka |
||
| Trejpa Profil |
#2 · Zasláno: 5. 1. 2016, 18:07:34
Tomy:
Rodiči ( nav>ul>li) nastav relativní pozici bez změny souřadnic a zobrazovanému potomkovi (nav>ul>li>ul) nastav absolutní pozici s posunem od rodiče pomocí rozměrů v top a left.
|
||
| JaPaJP Profil |
#3 · Zasláno: 7. 1. 2016, 21:50:19
Tomy:
Živá ukázka.. Živá ukázka |
||
| Tomáš123 Profil |
#4 · Zasláno: 9. 1. 2016, 13:28:06
JaPaJP:
Myslím, že Tomy mal na mysli skôr niečo takéto: Živá ukázka. V tvojej ukážke je plno zbytočností... Trejpa: Tvoja rada smeruje k ukážke JaPaJPa? |
||
| Trejpa Profil |
#5 · Zasláno: 10. 1. 2016, 00:29:27
Tomáš123:
„Tvoja rada smeruje k ukážke JaPaJPa?“ Ano, tak jsem pochopil zadání. Ale možná Tomy potřebuje jen zrušit výchozí levý margin na vnořeném seznamu a jeho položkách, aby nemusel využívat jeho zápornou hodnotu ve vnořených odkazech. |
||
| Tomy Profil |
#6 · Zasláno: 10. 1. 2016, 15:56:37
Díky všem. Ale podle TREJPA mi to funguje jak chci :)
Ale mám ještě jednu otázku, když toto téma ještě žije. Potřeboval bych přidat do menu druhou podzáložku..Jestli víte jak to myslím. A mám problém s tím, abych ji zobrazil (display: block;). Kód vypadá stejně jako ta moje živá ukázka, akorát tam příbyde ještě jedno <ul>, <li>. Dám sem pro jistotu jetě tu aktuální ukázku. Živá ukázka Skrýt ty druhé podzáložký umím, ale nejde mi je po najetí na tu první podzáložku zobrazit :/ |
||
| Tomáš123 Profil |
#7 · Zasláno: 10. 1. 2016, 16:07:55
Tomy:
Najjednoduchšie by bolo zmeniť selektor na riadku 22 na nav ul li:hover > ul. Ak by si sa chcel vyhnúť ceste nových selektorov, musíš pre každú novú podskupinu pridať pár pravidiel:
nav ul ul ... ul { /*v praxi neplatný selektor, symbolizuje rôzne množstvo podskupín*/
display: none;
}
nav ul ul ... li:hover ul {
display: block;
} |
||
| Tomy Profil |
Tomáš123:
Tak nevíš, proč mi to tady nefunguje? :/ view-source:sdhbecva.cz/historie.php?str=historie Záložka Soutěže - Muži |
||
| Tomáš123 Profil |
#9 · Zasláno: 10. 1. 2016, 17:10:09
Tomy:
„Tak nevíš, proč mi to tady nefunguje?“ Lebo <ul> nie je vnorené v <li>*. Neuplatní sa teda selektor, ktorý ma na starosti zobrazenie.
Po úprave podskupina položiek odsunie položku „Žáci“. Ide to opraviť nastavením absolútnej pozície pre treťoúrovňové <ul>. Potom ešte doladiť pozíciu deklaráciami top: 0; left: 100%;. Ak chceš, aby podskupina menu sčasti prekrývala, nastav položkám zoznamu <li> záporný margin-left.
*V ukážke vyššie koncové značky nepoužívaš, takže problém nie je jasne viditeľný. Namiesto onoho kódu vidí prehliadač čosi takéto: <ul>
<li><a href="#">...</a>
<ul> <!-- ul sa môže nachádzať v li, li sa automaticky neuzavrie -->
<li><a href="#">...</a>
</li><li><a href="#">...</a> <!-- li sa nemôže nachádzať v li, predchádzajúce neuzavrené li sa automaticky uzavrie -->
</li></ul><!-- koniec ul, otvorené li musia byť uzavreté -->
</li><li><a href="#">...</a> <!-- opäť, li sa nemôže nachádzať v li, predchádzajúca položka sa automaticky uzavie bezprostredne pred začiatkom novej -->
...Tak funguje HTML. |
||
|
Časová prodleva: 5 dní
|
|||
| Tomy Profil |
#10 · Zasláno: 15. 1. 2016, 21:27:09
Tomáš123:
Jo děkuju moc, už mi to funguje. Ale ještě se chci zeptat. Pomohl by mi někdo prosím s tolerancí u toho menu? Že když trošku vyjedu z té podzáložky aby to hned nezmizelo, abych mohl jet na tu podzáložku co nejkratší cestou. |
||
|
Časová prodleva: 9 dní
|
|||
| Tomáš123 Profil |
#11 · Zasláno: 24. 1. 2016, 16:41:22
Tomy:
Str4wberry o tom u seba písal. |
||
|
Časová prodleva: 9 let
|
|||
0