liste-ikon

[fleur]

Har laget en liste med følgende css til:

 

.liste

{

list-style-type: none;

background: url(../blabla/Bilder/blabla.gif) scroll no-repeat left;

padding-left: 20px;

font-size: 12px;

line-height: 15px;

}

 

Problemet er at når jeg skriver noe i lista som går over flere linjer så kommer ikke ikonet ved siden av den øverste linje, men midt imellom alle linjene. Hvordan får jeg det til slik at ikonet kommer på samme linje som den første linja?

[magikern]

Har laget en liste med følgende css til:

 

.liste

{

list-style-type: none;

background: url(../blabla/Bilder/blabla.gif) scroll no-repeat left;

padding-left: 20px;

font-size: 12px;

line-height: 15px;

}

 

Problemet er at når jeg skriver noe i lista som går over flere linjer så kommer ikke ikonet ved siden av den øverste linje, men midt imellom alle linjene. Hvordan får jeg det til slik at ikonet kommer på samme linje som den første linja?

hvis du snakker om bilde du har satt til background, sett på en "top" før "left"

 

så det blir:

background: url(../blabla/Bilder/blabla.gif) scroll no-repeat top left;

[fleur]

takk skal du ha. det funket. Men vet du hvorfor bakgrunnsbildet ikke kommer helt på linje med teksten? Ser at det er bittelitegrann ovenfor hver linje med tekst?

[magikern]

takk skal du ha. det funket. Men vet du hvorfor bakgrunnsbildet ikke kommer helt på linje med teksten? Ser at det er bittelitegrann ovenfor hver linje med tekst?

mest sannsynligvis fordi bildet legger seg helt øverst men teksten legger seg litt nedover bruk margin-top: 0; padding-top: 0; og valign: top;

[fleur]

det fungerte ikke. Er ikke de verdiene for bildet? Dvs at bildet flytter seg enda mer opp?

[magikern]

det fungerte ikke. Er ikke de verdiene for bildet? Dvs at bildet flytter seg enda mer opp?

nei jeg mente text nå...