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

Div jako link.

VPS Starter Arubacloud
+2 głosów
17,744 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,590 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,590 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,590 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,590 p.)

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

Pozdrawiam.

:-)

+1 głos
odpowiedź 22 kwietnia 2015 przez iwan9449 Pasjonat (20,810 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,810 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,730 p.)

Podobne pytania

0 głosów
1 odpowiedź 260 wizyt
pytanie zadane 26 czerwca 2017 w HTML i CSS przez Jestem225 Nowicjusz (150 p.)
+1 głos
1 odpowiedź 565 wizyt
pytanie zadane 18 września 2020 w HTML i CSS przez Wiciorny Ekspert (269,120 p.)
0 głosów
1 odpowiedź 974 wizyt
pytanie zadane 31 stycznia 2018 w HTML i CSS przez Hardwell Dyskutant (8,960 p.)

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...