Justere størrelse på <li>

[kongen]

Hvordan kan man få en <li> til å vises som en block på minimum 25px når teksten i <li> er kun én linje samtidig som en annen <li> får automatisk større størrelse hvis teksten i <li> inneholder flere enn én linjer i samme <ul>

 

[Robert]

Line-height kanskje? CSS line-height property

 

[kongen]

Line-height kanskje? CSS line-height property

Takk for svar, men ikke helt hva jeg tenkt.
Istenfor at linjehøyden blir minimum 25 px
så skal block'en være minimum 25px.

Hvis jeg bruker linjehøyde på 25 px så blir
mellomrommet mellom linjene på block'ene
som har flere linjer for store.

 

[tyr897]

min-height da? Fungerer dog litt dårlig i IE6

 

[kongen]

Slik ser koden ut nå (med hight:25px)

.blablabla
{
width:600px;
height:auto;
float:right;
text-align:left;
padding:10px 0px 55px 0px;
}
.blablabla ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.blablabla ul li
{
width:570px;
[B]hight:25px;[/B]    <-- høyde 25 px    <-- høyde 25 px    <-- høyde 25 px
display:block;
text-align:left;
background:url(../bilde/checkmark.jpg) left top no-repeat;
padding-left:20px;
font: 17px/22px Arial, Helvetica, sans-serif;
}

<li> blir presentert i block'er. Med en høyde på 25px ser alt greit ut når hver <li> inneholder kun én linje tekst, men det krøller seg når noen av <li> får flere linjer tekst. Med en automatisk høyde (hight:auto) bli linjeavstanden mellom <li> block'ene for store.

Tenkt også på å kutte ut hight:25px i koden ovenfor og legge til dette i css uten at det hjalp:

#blablabla ul li .tjuefem {hight:25px;}
#blablabla ul li .automatisk {hight:auto;}

Noen som har et superforslag til hvordan løse dette?

 

[Robert]

Du kan jo begynne med å skrive "height" riktig i CSS'en og se om det hjelper