button - <a> nebo <img>+cursor:pointer Vyřešeno

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

simPod
Level 4
Level 4
Příspěvky: 1295
Registrován: červen 06
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod simPod » 14 bře 2011 12:36

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

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 14 bře 2011 22:22

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: červen 06
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod simPod » 14 bře 2011 22:32

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 14 bře 2011 23:30

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: červen 06
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod simPod » 14 bře 2011 23:33

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod CZechBoY » 14 bře 2011 23:40

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: červen 06
Pohlaví: Muž
Stav:
Offline
Kontakt:

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

Příspěvekod simPod » 14 bře 2011 23:54

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: button - <a> nebo <img>+cursor:pointer  Vyřešeno

Příspěvekod Myloš » 15 bře 2011 01:43

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š. ;-)


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Asus notebook power button nereaguje
    od Ghoust23 » 18 říj 2024 16:51 » v Problémy s hardwarem
    6
    3513
    od petr22 Zobrazit poslední příspěvek
    03 lis 2024 09:06

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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti