button - <a> nebo <img>+cursor:pointer

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

button - <a> nebo <img>+cursor:pointer

Příspěvek od simPod »

mam na weu button, ktery jen vyvolava javascript. potrebuju, aby se pri mouseoveru zmenil kurzor na hand

je nejaky problem kdyz pouziju klasicky img a k tomu pridam css "cursor:pointer;" nebo je nutne pouzit <a href="#"><img/></a> z nejakeho hlubsiho vyznamu?

diky
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od CZechBoY »

co třeba použít tag BUTTON? :D
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od simPod »

to nechci, to udela ten hnusnej button a musim to pak skinnovat ruzne
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od CZechBoY »

IMG neudělá žádnej vzhled :D
na tlačítka používám <BUTTON> nebo když to má vypadat jako tlačítko a je to klasickej odkaz tak používám <SPAN> nebo <A> a u něho třídu .tlacitko

na JavaScriptový kravinky používám spíš ten BUTTON, vypadá to jako tlačítko tak to tak nechávám :-)
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od simPod »

no ja nechci ale tlacitko. to je hnus :D

proste z obrazku je lepsi udelat klikatelny objekt s kurzorem jako hand pomoci <a href="#" nebo cursor:pointer?

--- Doplnění předchozího příspěvku (Pon Bře 14, 2011 11:34 pm) ---

resp. vadi necemu ten cursor:pointer z hlediska nejaky semantiky?
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od CZechBoY »

nevim, sémantika je v HTML, taky používám změnu kurzoru - např. když má tlačítko nějakou nápovědu tak mu hodim cursor:help a písmo v tlačítku třeba podtrhnu čárkovaně

proč se tu ptáš co máš použít když to pak stejně nechceš? :D
pokud to je odkaz tak tam dej A + IMG, když to je jen nějakej skript tak BUTTON nebo třeba ten IMG to je fuk
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: 15 čer 2006 18:51
Kontaktovat uživatele:

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od simPod »

tak ja se neptal co mam pouzit obecne ze jo:
je nejaky problem kdyz pouziju klasicky img a k tomu pridam css "cursor:pointer;" nebo je nutne pouzit <a href="#"><img/></a> z nejakeho hlubsiho vyznamu?

ale diky
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: button - <a> nebo <img>+cursor:pointer

Příspěvek od Myloš »

Jestliže nejde o odkaz a jenom voláš javascript, pak tam <a href… logicky nepatří.
V takovém případě pro prvek:hover s klidným svědomím nastav cursor:pointer a případně nějaký border-bottom.
A je úplně jedno, jestli použiješ button, nebo cokoli s obrázkem na pozadí.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Zamčeno

Zpět na „Programování a tvorba webu“