Avatar billede lillebror Nybegynder
10. november 2005 - 15:44 Der er 5 kommentarer og
1 løsning

Justere tekst ifht. bullet image

Jeg har en <ul> med bullets, hvor hver bullet har sit eget billede. Men problemet er at teksten står elendigt i forhold til det billede, både fordi det står lige op af billedet og fordi den står justeret vertikalt til bunden. Jeg ved man kan justere teksten med en kommando der hedder middle, men kan man også selv bestemme hvor langt oppe på en vertikal linie teksten skal stå, og hvilke browsere understøtter i givet fald dette?

Dernæst vil jeg gerne vide, hvordan man bestemmer afstanden mellem bullet og tekst.
Avatar billede skovenborg Nybegynder
10. november 2005 - 18:28 #1
du kan bestemme afstanden fra din bullet til teksten med padding-left.

Det andet kan du løse ved at sætte din tekst ind i en span, fx:
<li><span>teksten</span></li>
Herefter kan du skrive i dit stylesheet, fx:
li span {
    vertical-align:5px;
}
Avatar billede skovenborg Nybegynder
10. november 2005 - 18:30 #2
da mozilla åbenbart ikke vil acceptere vertical-align direkte på li-elementet bliver man nødt til at putte det ind i noget andet - bare hvis du skulle spørge (i IE er sagen en anden). Har ikke lige undersøgt hvad der burde være meningen
Avatar billede olebole Juniormester
10. november 2005 - 21:22 #3
<ole>

Meningen er, at man laver et billede i den rigtige højde og anbringer sin bullet i den rigtige højde på billedet. Simple as that  :)

/mvh
</bole>
Avatar billede olebole Juniormester
10. november 2005 - 21:29 #4
- men det er svært at få lister helt ens i IE og FF  :)
Avatar billede lillebror Nybegynder
13. november 2005 - 17:51 #5
Yep det har jeg fundet ud af olebole, men det er lykkes meget godt med at lave et billede i stedet for en "rigtig" bullet :)

Burde faktisk have nået at lukke spørgsmålet inden i svarede, men det må jeg bare gøre nu så, smid et svar olebole.
Avatar billede lillebror Nybegynder
30. december 2005 - 21:11 #6
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester