Autor | Zpráva | ||
---|---|---|---|
Kolemjdoucí Profil * |
Ahoj, potřeboval bych ještě poradit s jedním problémem. Vypisuje pod sebe řádky a chtěl bych po kliknutí na ten řádek otevřít nějaký odkaz, to zvládnu, ale chtěl bych k tomu nějak udělat to, že pokud najedu na konec toho řádku aby se mi zobrazily tři ikony ale nemůžu nic najít, ani nevím co přesně hledám. Prošel jsem spoustu css menu ale nic mi nevyhovuje. Poradí prosím někdo? Děkuji
Myslel jsem to nějak takto... <li> <a href="link1">link1</a> <span>EDIT</span> <span>DELETE</span> <span>MOVE</span> </li> <li> <a href="link2">link2</a> <span>EDIT</span> <span>DELETE</span> <span>MOVE</span> </li> <li> <a href="link3">link3</a> <span>EDIT</span> <span>DELETE</span> <span>MOVE</span> </li> |
||
Tomáš123 Profil |
#2 · Zasláno: 14. 3. 2017, 07:29:32
Kolemjdoucí:
Pridaj do štýlopisu: li span { display: none; } li:hover span { display: inline-block; } Ak to chceš naviazať na udalosť prejdenia myši cez odkaz, druhá časť zápisu by vyzerala takto: li a:hover ~ span { display: inline-block; } |
||
Kolemjdoucí Profil * |
#3 · Zasláno: 14. 3. 2017, 12:26:55
Moc děkuji za pomoc, kde bych se prosím dočetl o používání takových znaků ~ případně jiných v CSS? Děkuji
|
||
Tomáš123 Profil |
Kolemjdoucí:
Seznam všech CSS 3 selektorů |
||
Tomášeek Profil |
#5 · Zasláno: 14. 3. 2017, 14:42:30
Tomáš123:
„li a:hover ~ span“ Tento zápis v tomhle případě moc praktický není, s obsahem těch span ů by se nedalo pracovat, neměl bych možnost na ně najet myší (jakmile sjedu z odkazu, ztratí se :hover a nastaví se jim zpět display: none ). Teoreticky tedy zápis správný, prakticky nikoliv.
|
||
Tomáš123 Profil |
#6 · Zasláno: 14. 3. 2017, 15:56:18
Tomášeek:
Máš pravdu. Uvažoval som, že často je klikateľná plocha odkazu roztiahnutá na rozmery celého nadradeného prvku, tak som uviedol aj tento variant. Aj v tomto prípade by však pre správnu funkčnosť bolo nutné span y relatívne poziciovať, čo nebolo domyslené.
|
||
Časová prodleva: 7 let
|
0