CSS og bunn

[Tonny Kluften]

Er det mulig på denne siden, sofa | Hvitt rom å la prisene legge seg automatisk nederst i boksene?

Samt å legge prisene på hver sin linje? Prisene er excerpt fra Wordpress.

 

[agrimsrud]

Du kan prøve å leke deg med vertical-align for å stille teksten mot bunn av div'en. Har ikke testet, men du kan prøve noe i denne banen:

.entry-summary{
	display:table-cell;		/* Kreves for å kunne sette vertical-align */
	vertical-align:bottom;		/* Selvforklarende? */

	position:relative;		/* Kreves for å "fange" bildet ved pos:abs */
	padding-top:80px;		/* Lage plass til bildet i toppen */
}
.entry-summary img{
	position:absolute;		/* Få bildet ut av teksten */
	top:-80px;			/* Dra bildet opp i div'ens padding */
}

Edit: Lagt til CSS-kommentarer

 

[Tonny Kluften]

Takk skal du ha. Men den koden gjør vel ikke at nederste linje av teksten legger seg nederst i boksene, den bare lager avstand mellom bilde og tekst ikke sant?
Mulig det var dårlig forklart fra min side, men siste linje i teksten må være nederst i boksene og så må teksten over bygge seg opp mot bildet for å si det slik.

 

[agrimsrud]

Tror jeg skjønner hva du mener. Tok en liten titt i Chrome, og du kan prøve å legge inn dette i CSS'en og se om det kan hjelpe deg i riktig retning:

#kategori{
	padding:0;
	width:170px;
	height:250px;
}
#content .entry-title{
	margin:0;
}
#content .entry-title a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
}
.entry-summary{
	height:200px;
	position:relative;
	display:block;
}
.entry-summary a{
	height:90px;
	top:0;
	width:100%;
}
.entry-summary p{
	height:116px;
	display:table-cell;
	vertical-align:bottom;
}

Når det gjelder å legge inn hver pris på egen linje, så bør vel dette la seg gjøre i selve posten?!
Hvis ikke, så kan du prøve å legge inn en php-funksjon som legger inn en ny linje etter hver pris. Noe sånt kanskje:

$finn = ",- ";
$erstatt_med = ",- <br />";
str_replace($finn,$erstatt_med,$entry);

Håper det kan hjelpe litt ihvertfall