Få länk att fylla ut helt DIV

3 svar · 267 visningar · startad av room 25 okt. 2007

roomMedlem sedan mars 2001270 inlägg

Frågan25 okt. 2007 05:27#1

Hej på er.

Jag tänkte höra om det finns något sätt att få en länk (<a href...>) att fylla ut en hel div. Ungefär så här:

<div style="width:200px; height:200px;"><a href="....">&nbsp;</a></div>

Jag vill alltså att hela divet skall vara länkat. Jag vet att det går att använda onclick och location.href på divet, men det går inte i mitt fall då jag har andra egenskaper på själva a taggen.

Tack

voigtann1Medlem sedan juni 20019 519 inlägg

25 okt. 2007 06:04#2

display:block; på a taggen borde nog hjälpa dig med det. och height:

	<div style="background-color:#f00;width:100px;height:100px;">
		<a href="#" style="display:block;height:100%;">bob</a>
	</div>

Danne VMedlem sedan aug. 20068 090 inlägg

25 okt. 2007 06:28#3

voigtann1 skrev:

display:block; på a taggen borde nog hjälpa dig med det. och height:
	<div style="background-color:#f00;width:100px;height:100px;">
		<a href="#" style="display:block;height:100%;">bob</a>
	</div>

...och/eller lägga till line-height:200px, antingen istf height eller som tillägg. Funkar det taskigt i nån läsare, så kläm in en enfärgad gif som upp hela divven och gör bilden till länk.

voigtann1Medlem sedan juni 20019 519 inlägg

25 okt. 2007 06:33#4

med tanke av att det är han ville ha i sin text så spelar det egentligen ingen roll ;)