"<a href" a ":hover"

Question

Witam

Mam pewien problem i nie wiem jak sobie z tym poradzić, a szukałem w wielu miejscach. Otóż, posiadam pewnego <div'a> załóżmy, że jest to sobie zwykły kwadratowy div o rozmiarach 200x200px, koloru białego, jego Hover sprawia, że po najechaniu staje się czarny. Sytuacja wymyka się spod kontroli, kiedy ten div ma być odsyłaczem. Hover nie działa. Owszem, są pewne wyjścia z sytuacji, gdzie np. pod klockiem mogę umieścić tekst i ten teks będzie odsyłaczem i na odwrót. Czy da się naprawić tego Hovera? Oczywiście bez używania Boodstrap-ów itp.  Z góry dziękuję za odpowiedź.

Answer 1

Od html 5 można zamykać <div> w znaczniku <a>

Comments

Dzięki bardzo. Okazuje się, że najprostsze rozwiązanie mi umknęło ;D Wiedziałem, że tak można ale, że to pomaga to nie. Reszta odpowiedzi też jest poprawna także dzięki wszystkim za poświęcony czas :)

Pozdrawiam

Temat do zamknięcia

Answer 2

Skoro to ma być hiperłącze, to użyj do tego <a href="#"></a>. W stylach ustawiasz wyświetlanie blokowanie i stylujesz tak, jakby to był div. Tu masz przykład: jsbin

Answer 3

Zrobiłeś <a href="#">

<div> CONTENT </div>

</a>?

wydaje mi się że powinno działać.

Spróbuj a:hover, jeśli <a> zawiera <div> to będzie ok.