Autor Zpráva
Tomy
Profil
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
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
Tomy:
Živá ukázka.. Živá ukázka
Tomáš123
Profil
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
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
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
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
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.
Tomy
Profil
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.
Tomáš123
Profil
Tomy:
Str4wberry o tom u seba písal.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: