czy mozna zrobic klikalnego diva na kilka linijek?

[pandha]

chcialbym zrobic klikalny div, robie poprzez <a href="xx" class="xx"> - jest ok jak jest tekst w linijce. jak chce zrobic na kilka linijek, to mi nachodza jedna na druga, mimo iz w pajaczku pokazuje mi ok...

<a href="ling" style="width:150px; background-color:#D5C3EB; font-size:12pt; margin:5px; border: 5px solid #ECDEFC; padding:5px;"><strong>text</strong><font style="color: black"> text text text text text text text texttext text text texttext text text text</font></a>

teraz mam to w divie, i klikalny jest link ale chcialbym by byla klikalna cala powierzchnia diva.

dzieki za pomoc

[Lechu]

Jak dla mnie to wetknij diva z ustawieniami do linka.

Nie sprawdzane.

Taka tylko moja sugestia.

Jak sprawdzisz to daj znać.

Pozdrawiam

Lechu

[yavaho]

Zamień tag a na element blokowy

a {display:block;}

Albo zrób klikany div za pomocą JS.

<div onclick="...">

Ale wtedy trzeba jeszcze odpowiednie kursory myszy w css ustawić.

Tylko podejrzewam że całe te kombinacje to tylko dlatego że coś jest skopane w css i jakiś jeden element nachodzi na drugi?

[CarlosV]

<a href="link"><div style="width:300px;height:300px;background-color:green"><p>tekst<br />druga linijka tekstu<br />trzecia

linijka<br />i jeszcze jedna</p></div></a>

U mnie działa, klikalny jest cały div, nie tylko tekst.

[pandha]

ta opcja tez mi dziala w pajaczku, jak wrzuce na strone sie sypie. pomecze sie wieczorem i dam znac. dzieki za wskazowki.

chodzi o to ze to ma byc box o szerokosci 150px. jak jest wiecej niz jedna linijka to juz sie sypie...

[CarlosV]

To co dałeś w pierwszym poście zrobiłem tak:

<a href="ling">

<div style="width:150px; background-color:#D5C3EB; font-size:12pt; margin:5px; border: 5px solid #ECDEFC;

padding:5px;">

<strong>text</strong><font style="color: black"> text text text text text text text texttext text text texttext

text text text</font></div></a>

[giker]

Jezu widzisz i nie grzmisz :|

<a id="blokowy_link" href="gdziestam.html">link</a>

<style>
#blokowy_link {display: block; height: 100px; width: 100px;}
</style>

Dla zainteresowanych https://kurs.browsehappy.pl/HTML/Hipertekst

Szczególnie część:

Nie można umieszczać <a> w <a>, ani otaczać nim elementów blokowych, można jedynie elementy liniowe. Z tego powodu nie można zrobić odnośnikiem np. całego wiersza tabeli bez powtarzania <a> w każdej komórce.

[pandha]

thx, to wyglada na bardzo pomocna odpowiedz

[giker]

<a href="ling" style="width:150px; background-color:#D5C3EB; font-size:12pt; margin:5px; border: 5px solid #ECDEFC; padding:5px;"><strong>text</strong><font style="color: black"> text text text text text text text texttext text text texttext text text text</font></a>

BTW - Twój kod to jakieś pomieszanie z poplątaniem - raz używasz styli, a raz formatowania w htmlu :|

Nie używaj tego <font style="color: black"> - powinno być <span style="color: black;"> tutaj czarny text</span>

[pandha]

w ogole nie zwrocilem uwagi na znacznik font. to kwestia przyzwyczajenia, ale dzieki zaraz zmienie na span. jeszcze raz dzieki