Celý div jako hyperlink

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,

11. 7. 2014 19:11:15

https://webtrh.cz/diskuse/cely-div-jako-hyperlink#reply1039015

Jakub Kočí

(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

Miloslav Lešetický

(10 hodnocení)

11. 7. 2014 19:25:15

...

11. 7. 2014 19:25:15

https://webtrh.cz/diskuse/cely-div-jako-hyperlink#reply1039013

David Musil

(69 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

Deaktivovany ucet

(21 hodnocení)

11. 7. 2014 20:45:51

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

(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

Deaktivovany ucet

(21 hodnocení)

11. 7. 2014 20:50:00

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

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

(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

(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

Miloslav Lešetický

(10 hodnocení)

12. 7. 2014 08:49:35

A co když v tom DIVu budeš potřebovat ještě odstavec, nebo seznam položek?