• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Div jako link.

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
+2 głosów
16,288 wizyt
pytanie zadane 22 kwietnia 2015 w HTML i CSS przez aspoka Mądrala (5,290 p.)
Jak to zrobić by cały div był odnośnikiem do jakiejś podstony?

5 odpowiedzi

+1 głos
odpowiedź 22 kwietnia 2015 przez HaKIM Szeryf (87,810 p.)
wybrane 22 kwietnia 2015 przez aspoka
 
Najlepsza
<a href="#">
<div class="jakisDiv">
    To jest odsylacz!
</div>
</a>

 

komentarz 22 kwietnia 2015 przez HaKIM Szeryf (87,810 p.)
<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ć.

komentarz 22 kwietnia 2015 przez aspoka Mądrala (5,290 p.)

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: 

komentarz 22 kwietnia 2015 przez Damianexo Obywatel (1,710 p.)
w css
a {text-decoration: none }
komentarz 22 kwietnia 2015 przez HaKIM Szeryf (87,810 p.)

Dokładnie. 

W css:

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

 

komentarz 22 kwietnia 2015 przez aspoka Mądrala (5,290 p.)
Wielkie dzięki :D
komentarz 22 kwietnia 2015 przez HaKIM Szeryf (87,810 p.)

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

Pozdrawiam.

:-)

+1 głos
odpowiedź 22 kwietnia 2015 przez iwan9449 Pasjonat (20,880 p.)
<a href="#"><div></div></a> może w ten sposób? ;)

Pozdrawiam!
komentarz 22 kwietnia 2015 przez aspoka Mądrala (5,290 p.)
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.
komentarz 22 kwietnia 2015 przez iwan9449 Pasjonat (20,880 p.)
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 ;)
+1 głos
odpowiedź 22 kwietnia 2015 przez nefil1m Stary wyjadacz (10,690 p.)

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.

0 głosów
odpowiedź 22 kwietnia 2015 przez Damianexo Obywatel (1,710 p.)
Utwórz div'a, wstaw obrazek- rozszerz go na całą szerokość diva i podlinkuj obrazkek- o to ci chodzi?
komentarz 22 kwietnia 2015 przez aspoka Mądrala (5,290 p.)
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.
1
komentarz 22 kwietnia 2015 przez Damianexo Obywatel (1,710 p.)
edycja 22 kwietnia 2015 przez Damianexo

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

np:

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

zobacz co sie stanie

komentarz 22 kwietnia 2015 przez Damianexo Obywatel (1,710 p.)
double post//do usuniecia
0 głosów
odpowiedź 22 kwietnia 2015 przez Mizukage Pasjonat (21,750 p.)

Podobne pytania

0 głosów
1 odpowiedź 233 wizyt
pytanie zadane 26 czerwca 2017 w HTML i CSS przez Jestem225 Nowicjusz (150 p.)
+1 głos
1 odpowiedź 360 wizyt
pytanie zadane 18 września 2020 w HTML i CSS przez Wiciorny Ekspert (245,390 p.)
0 głosów
1 odpowiedź 608 wizyt
pytanie zadane 31 stycznia 2018 w HTML i CSS przez Hardwell Dyskutant (8,870 p.)

90,295 zapytań

138,894 odpowiedzi

311,078 komentarzy

60,009 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...