cursor:pointer link-ként működjön
Üdv!
Menünél <li> elemek vannak, és a rajta lévő <a> elem, azaz link az egész gombra való kattintásra működik, ha padding-ot állítok be, mivel akkor az egész padding link-ként működik.
De vannak esetek, pl. olyan helyen, ahol nem li elem van, hanem csak egy sima szöveg, amiben van egy link, pl:
Kattints ide: <a href="http://valami.hu"> Ez egy weboldal </a>
Ez esetben nem tudok a padding-gal játszani, mert nem csak a link van az adott sorban, az adott elemen.
De ha csak a link lenne, akkor is gond lenne, mert ha nem egy fix paddingot adok meg, hanem azt szeretném, hogy auto módban kitöltse az adott helyet, vagy %-osan, akkor sem jó, mert az auto nem csinál semmit, a %-os meg link+%-ként működik, tehát változó hosszúságú link esetén megint nem jó.
Ezért használni akartam a cursor: pointer megoldást, ami tök jó, kéz mutatóvá is válik az egész, de továbbra is csak a link fölötti rész kattintódik.
Azt hittem ez a pointer dolog csinál is valamit, így viszont mi értelme, hogy azt mutatja, hogy kattint, közben nem?
Vagy valahogy meg lehet adni egy linket? Amit persze jó lenne elkerülni CSS-ben, mert ott csak formázást illik megadni, nem tartalmi elemet, továbbá ha változó link kéne, akkor nem is megoldható.
Szerintem van valamilyen megoldás, csak elkerülte a figyelmem.
■ Menünél <li> elemek vannak, és a rajta lévő <a> elem, azaz link az egész gombra való kattintásra működik, ha padding-ot állítok be, mivel akkor az egész padding link-ként működik.
De vannak esetek, pl. olyan helyen, ahol nem li elem van, hanem csak egy sima szöveg, amiben van egy link, pl:
Kattints ide: <a href="http://valami.hu"> Ez egy weboldal </a>
Ez esetben nem tudok a padding-gal játszani, mert nem csak a link van az adott sorban, az adott elemen.
De ha csak a link lenne, akkor is gond lenne, mert ha nem egy fix paddingot adok meg, hanem azt szeretném, hogy auto módban kitöltse az adott helyet, vagy %-osan, akkor sem jó, mert az auto nem csinál semmit, a %-os meg link+%-ként működik, tehát változó hosszúságú link esetén megint nem jó.
Ezért használni akartam a cursor: pointer megoldást, ami tök jó, kéz mutatóvá is válik az egész, de továbbra is csak a link fölötti rész kattintódik.
Azt hittem ez a pointer dolog csinál is valamit, így viszont mi értelme, hogy azt mutatja, hogy kattint, közben nem?
Vagy valahogy meg lehet adni egy linket? Amit persze jó lenne elkerülni CSS-ben, mert ott csak formázást illik megadni, nem tartalmi elemet, továbbá ha változó link kéne, akkor nem is megoldható.
Szerintem van valamilyen megoldás, csak elkerülte a figyelmem.
mit is szeretné?
Milyen elemre tetted a pointert? Tedd arra a linket is.
A pointer az egyszerűen a kurzor alakja. Semmi köze a kattintáshoz vagy bármilyen más művelethez.
A cursor:pointer esetén az
Egy mezőben van egy link, a mezőnek van egy háttere, fölé helyezve az egeret megváltozik a háttér, és a cursor:pointer hatására mindenhol ezt történik a mező fölött. A mező értéke egy link, ami a mező egy részét foglalja csak el, mint a példában írtam.
css nem "csinál" semmit
Arra gondolt szerintem hogy ne az <a> szülőeleme legyen cursor:pointer css-sel formázva, hanem cseréld meg őket: az <a> tagen belülre tedd a jelenlegi szülőelemet, így az egész kattintható lesz.
Ugyanakkor írtad, hogy a menü felsorolásban van (ami jó is), abban ez nem megoldható.
Én ilyenkor azt szoktam először csinálni, hogy minden elemnek adok valami csúnya (eltérő) háttérszínt, plusz inspectorban nézegetem, hogy melyiknek milyen tulajdonságai vannak (főként margin, padding, méret definíciók).
Pl:
Fontos, hogy mint te is írtad: a css formázásra való. Emiatt a cursor:pointer is csak a kurzor kinézetére van hatással, ettől még nem lesz "kattintható" az elem.
De akkor mi értelme pointer-t
Vannak esetek, amikor igen, de mint te is írod, nem mindig.
Na mindegy...
De azt csinálja :)
Ha fölé viszed az egeret, változik a kurzor.
Akkor érdemes ezt használni, amikor pl javascript kezelője van az onClick eseménynek az elemen, és nem akarod, link vagy gomb legyen, mégis látszódjon rajta, hogy egy kattintható elem.
Javascript-tel az a bajom,
vagy
Ez miért neked baj? Aki
Magam részéről, ha nem létfontosságú egy oldal és nem tudok megnízni benne teljesen, felkeresése, automatikusan bezárom, ha pl a keresett tartalomhoz nem férek hozzá JS nélkül.
Nem mindenki
Hogy lehet nem szándékosan?
Hálózati hiba, CDN hiba,
Az átlagember sokszor nem is tudja, hogy ezek léteznek, és hogy némelyiken akár állítani is tudna. Innentől fogva ha az oldal nem működik rendesen és nem létfontosságú, akkor csak használhatatlannak nyilvánítja és megy máshova. Nem fog azon gondolkozni, hogy hogyan bírhatná működésre.
Az esetleges hibákat itt
Az összes több meg olyan, hogy ha a felhasználó nem tud róluk, akkor kb. nem talál működő oldalt a neten, szóval elég hamar rájön, hogy ott valami nem kerek és minimum szól az illetékesnek, hogy segítsen.
Az egyébként manapság csúnya dolog, ha egy proxy vagy tűzfal bele tud nyúlni a kommunikációba, tekintettel a https használatára. (tudom, hogy van ilyen és sok helyen használják is, de nem tartom egészséges dolognak)
Szerintem.
akkor kb. nem talál működő
Ez elég nagy probléma, és nem a felhasználó hibája. Ugyanakkor azért vannak jól/tűrhetően megírt oldalak ilyen szempontból, úgyhogy egy laikus is tapasztalhatja azt, hogy vannak működő oldalak, meg vannak, amik el vannak cseszve. És akinek nincs rálátása, hogy az ő készülékében is lehet a hiba, az nem is fog szólni semmi illetékesnek szándékosan.
Az egy másik probléma, hogy beleszólogatnak a hálózati kommunikációba, és változtatni kéne rajta. De ettől függetlenül még úgy kéne megcsinálni az oldalakat, hogy js (vagy akár neadjisten css) nélkül is használhatóak, értelmezhetőek legyenek.
Akkor a link legyen akkora, amekkora kell :)
Szerintem maradjunk az eredeti kis példakódomnál, háttérszínnel és böngésző inspector-ával derítsd ki, hogy mi mekkora és miért.
Nincs olyan menürendszer, amit ne lehetne js nélkül, csak css-el megoldani.
(A js kikapcsolására pedig többféleképp is lehet figyelmeztetni a látogatót, de tényleg inkább maradjunk a css megoldásoknál!)
Kattintható
Igen,
Sajnos tömegével jelennek meg olyan FE csomagok, amik nem tartják fontosnak ezt, hogy link legyen vagy gomb...