Div jako link.

Question

Jak to zrobić by cały div był odnośnikiem do jakiejś podstony?

Answer 1

<a href="#">
<div class="jakisDiv">
    To jest odsylacz!
</div>
</a>

 

Comments

<a href="#"><button>Tekst</button></a>

Nie jestem pewny, jest już dość późno, ale nie trzeba robić <a> przed buttonem, on zawsze będzie cały jako odsyłacz. :p Tylko tekst dajesz do <a>.

Ale mówię, jest 1:57 i mogło mi się coś popierdzielić.

---

O.. Faktcznie działa. Czyli kiedyś po prostu robiłem coś źle. JEszcze pytanie, czy jest jakiś sposób by to podkreślenie znikneło: 

---

w css
a {text-decoration: none }

---

Dokładnie. 

W css:

a{
    text-decoration: none;
    color: transparent;
}

 

---

Wielkie dzięki :D

---

To daj 'Najlepsza'. Będę miał pocieszenie, przynajmniej takie.

Pozdrawiam.

:-)

Answer 2

<a href="#"><div></div></a> może w ten sposób? ;)

Pozdrawiam!

Comments

Tak, już mi napisali, ale mimo wszystko dzięki. Jednak nadal nie rozumiem dlaczego kiedyś mi to nie działało, a jak pytałem się na inych forach albo pana od informatyki to mówili, że będzie z tym problem.

---

Szczerze mówiąc nie wiem dlaczego miałby być z tym problem :) div to zwykły element blokowy, a z tego co wiem, każdy element blokowy (i liniowy) można "opleść" znacznikiem <a></a> i zrobić z niego hiperłącze ;)

Answer 3

Najbardziej elegancko byłoby zrobić na odwrót niż większość propozycji. Z tego co mi wiadomo nie powinno się wrzucać divów w anchora.

<div>
  <a href="..." style="display: block">Click</a>
</div>

Oczywiście style do osobnego pliku.

Answer 4

Utwórz div'a, wstaw obrazek- rozszerz go na całą szerokość diva i podlinkuj obrazkek- o to ci chodzi?

Comments

NIby jest to jakieś rozwiązanie, ale to nie będzie takie... Chodzi o to, że nie był bym z takiego rozwiązania zadowolony. Taczej chodzi o to by div sam w sobie był odnosnikiem, albo coś takiego: http://css3buttongenerator.com, tylko jako link.

---

To w <div dodaj ' onclick="location.href='link'; '

np:

<div id="pudliszki" onclick="location.href='strona.pl';">
    twoja tresc
</div>

zobacz co sie stanie

---

double post//do usuniecia

Answer 5

https://css-tricks.com/snippets/jquery/make-entire-div-clickable/