Zadejte hledaný výraz...

Celý div jako hyperlink

xberj27
verified
rating uzivatele
(3 hodnocení)
11. 7. 2014 19:11:15
Dobrý den,
myslím že toto by mělo jít řešit nějak jednoduše, přesto řešení, která jsem zatím našel, byla poměrně komplikovaná.
Mám na stránce (we wordpressu, ale to je asi jedno) div s texterm. Chci, aby se celý tento div choval vlastně jako tlačítko. Tedy že když se nad ním přejede myší, zobrazí se myšítko jako by bylo nad hyperlinkem, a při prokliku přejdu na jinou stránku.
Nepotřebuji to řešit přes css, stačí co nejjednodušší html.
Díky za radu,
J.
11. 7. 2014 19:11:15
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039015
Jakub Kočí
verified
rating uzivatele
(35 hodnocení)
11. 7. 2014 19:24:11
Uzavři celej text do a nastyluj jak potřebuješ..
11. 7. 2014 19:24:11
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039014
...
11. 7. 2014 19:25:15
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039013
David Musil
verified
rating uzivatele
(68 hodnocení)
11. 7. 2014 20:18:19
Skutecne staci div vlozit mezi a mas hotovo
Zajimalo by me, ktera reseni jsi nasel, ze byka tak komplikovana :-)
11. 7. 2014 20:18:19
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039012
Napsal Plaváček;1106114
Hádám, že toto nebude příliš validní. Block element uvnitř inline elementu. Ale to je asi jedno.
11. 7. 2014 20:45:51
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039011
Fido123
verified
rating uzivatele
(13 hodnocení)
11. 7. 2014 20:49:02
Napsal AdamH;1106128
Hádám, že toto nebude příliš validní. Block element uvnitř inline elementu. Ale to je asi jedno.
V HTML5 to validní bude.
11. 7. 2014 20:49:02
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039010
Napsal Fido123;1106130
V HTML5 to validní bude.
Aha, novinky :)
11. 7. 2014 20:50:00
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039009
Lukas Halm
verified
rating uzivatele
11. 7. 2014 23:04:48
Pokud to není v HTML5 a má to být validní, tak se dá použít tento zápis:
HTML:
CSS: {width: sirka_divu; height: vyska_divu; display: block; position: absolute;}
11. 7. 2014 23:04:48
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039008
foxo79
verified
rating uzivatele
(21 hodnocení)
11. 7. 2014 23:42:21
Alebo ak to chces len pomocou html tak potom toto :)
11. 7. 2014 23:42:21
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039007
Petr Homoky
verified
rating uzivatele
(7 hodnocení)
12. 7. 2014 08:35:54
Napsal Lukáš Halm;1106154
Pokud to není v HTML5 a má to být validní, tak se dá použít tento zápis:
HTML:
CSS: {width: sirka_divu; height: vyska_divu; display: block; position: absolute;}
S HTML souhlasím, ale osobně CSS dělám takto:
div a {
display: inline-block;
width: 100%;
height: 100%;
}
12. 7. 2014 08:35:54
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039006
A co když v tom DIVu budeš potřebovat ještě odstavec, nebo seznam položek?
12. 7. 2014 08:49:35
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039005
ConnorCZ
verified
rating uzivatele
(6 hodnocení)
12. 7. 2014 10:02:45
Napsal Plaváček;1106175
A co když v tom DIVu budeš potřebovat ještě odstavec, nebo seznam položek?
Tak se použije HTML5 a je to :)
12. 7. 2014 10:02:45
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039004
Petr Homoky
verified
rating uzivatele
(7 hodnocení)
12. 7. 2014 10:23:59
Napsal Plaváček;1106175
A co když v tom DIVu budeš potřebovat ještě odstavec, nebo seznam položek?
Já to používám minimálně, třeba jen pro loga. Jinak to řeším skrze Javascript.
12. 7. 2014 10:23:59
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039003
Lukas Halm
verified
rating uzivatele
12. 7. 2014 12:04:20
Napsal Petr Homoky;1106187
Já to používám minimálně, třeba jen pro loga.
Ale autor psal, že má DIV s textem, takže tvoje řešení, zde není vhodný.
12. 7. 2014 12:04:20
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039002
xberj27
verified
rating uzivatele
(3 hodnocení)
23. 7. 2014 17:21:56
Ahoj,
díky všem za odpovědi, pomohlo mi to.
J.
23. 7. 2014 17:21:56
https://webtrh.cz/diskuse/cely-div-jako-hyperlink/#reply1039001
Pro odpověď se přihlašte.
Přihlásit