Ułożenie tekstu w dolnej części diva

Question

Witam, mam kolejny problem, jak umieścić tekst w dolnej częsci diva? Mój div ma wymiary width: 223px; height: 138px; jeżeli umieszczę go na dole diva dajac padding-top: 100px; a zmiejszając do height: 38px; to ucieka mi hiperłącze ( odnośnik z funkcją dispaly: block; o wymiarach diva, kliknięcie pod divem też przenosi do odnośnika)

Jak umieścić tekst w dolnej części diva aby hiperłącze działało na powieżchni całęgo diva? Oczywiście bez umieszczania diva w hiperłączu.

Answer 1

http://jsfiddle.net/Comandeer/au17kguv/ → włączenie border-boxa załatwia problem. Jeśli nie chcesz go włączać dla całej strony, możesz go włączyć dla samego .recipelink

Answer 2

Odpowiednie line-height? Sztuczka z overflow: hidden?

Answer 3

Niestety nic z tego :|

Comments

To może to pokaż online? Bo szklana kula niestety słabo mi dziś działa.

Answer 4

<div id="lastadd1"><a href="recipe/ciasta/mufinki/mufinki.html" class="recipelink">Mufinki budyniowe</a></div>

 

#lastadd1
{
	width: 223px;
	height: 138px;
	margin: 10px;
	background-image: url(recipe/ciasta/mufinki/mufinkamini.jpg);
	float: left;
	font-weight: 700;
}

#lastadd1:hover
{
	background-image: url(recipe/ciasta/mufinki/mufinkanocolor.jpg);
	font-size: 20px;
	cursor: pointer;
}

.recipelink
{
	display: block;
	width: 223px;
	height: 138px;
	text-decoration: none;
	color: #FFE000;
	text-indent: 0;
	
}

 

Gdy ustawię padding w divie to ucieka blok odnośnika, efekt jest taki że lapka pojawia się już pod divem, kliknięcie pod divem przenosi do podstrony. Napis "Mufinki budyniowe" ma być w dolnej części diva #lastadd1

Answer 5

Działa :) Dziękuję za pomoc.

Pozdrawiam, Bartek