Avatar billede martin_moth Mester
26. april 2005 - 07:45 Der er 17 kommentarer og
1 løsning

Større afstand mellem pun kter i <li>bla bla</li>

I mit html-dokument linker jeg til style.css

Uddrag af style.css:

BODY, TH, TD, TR, LI, BR, P, UL 
                        { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
                          FONT-SIZE: 11pt;              }

H1                      { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                          FONT-SIZE: 25pt;              }

               
H2                      { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;




Hvordan får jeg den lodrette afstand mellem listpunkter
<li> bla bla</li>
<li> bla2 bla2</li>

?
Avatar billede martin_moth Mester
26. april 2005 - 07:53 #1
Synes ikke jeg kan finde det her: http://www.w3schools.com/css/css_list.asp
Avatar billede busschou Praktikant
26. april 2005 - 07:53 #2
Det sad jeg selv og bøvlede med den anden dag
En mulig løsning er
<li style="position:relative;top:10px">
Det sætter list punktet 10px længere ned relativt
Avatar billede busschou Praktikant
26. april 2005 - 07:55 #3
Problemet er så at hvis du har to <li> eller flere så er det kun det første som ændrer sig relativ , derfor skal de næste ændres det samme..plus den foregående ændring
<li style="position:relative;top:10px">punkt1</li>
<li style="position:relative;top:20px">punkt2</li>
<li style="position:relative;top:30px">punkt3</li>
Du kan også ændre dem så de kommer højere op
Så skal du blot gøre afstanden negativ
<li style="position:relative;top:-10px">punkt1</li>
<li style="position:relative;top:-20px">punkt2</li>
<li style="position:relative;top:-30px">punkt3</li>
Avatar billede plazm Nybegynder
26. april 2005 - 07:55 #4
uden at have testet så kan du vel bruge
LI {
  margin-top: 5px;
}
Avatar billede martin_moth Mester
26. april 2005 - 07:56 #5
Fandt det selv
li             { line-height: 80px}
Avatar billede martin_moth Mester
26. april 2005 - 07:56 #6
Hov - havde ikke opdateret.

Skal I have points?
Avatar billede busschou Praktikant
26. april 2005 - 07:57 #7
ahh doh...kan man den martin_moth ?
Shit...så havde jeg ikke behøvet bøvle så meget selv forleden :o(..
Hehe man lærer vel altid ;o)
Avatar billede busschou Praktikant
26. april 2005 - 07:57 #8
Tja du fandt jo selv den bedste løsning...og du har offentliggjort den...så tag du selv points :o)
Avatar billede martin_moth Mester
26. april 2005 - 08:16 #9
Den er nu ikek så god igen - hvis hver bullet har flere linier, er afstanden mellem linierne meget stor.

Det er kun afstanden mellem de enkelte bullets, jeg vil ændre...

Altså:

* bla bla


* Bla bla


* Bla Bla bla
  bla bla bla


* Bla bla
Avatar billede busschou Praktikant
26. april 2005 - 08:18 #10
ja det er et problem
Men man kan jo ikke i css finde ud af hvor mange linjer en bullet er på
Hvis du ved det på forhånd kan du jo så ændre de enkelte direkte ved at sætte højden lidt anderledes på det enkelte element
Avatar billede busschou Praktikant
26. april 2005 - 08:22 #11
Jeg sidder selv med en menu hvor den i FF er fin..men i IE tælles px åbenbart lidt anderledes så nogle af <li> ombrydes og fylder to linjer...det er noget baks
Eneste løsning er at give dem lidt mere plads så de ikke ombryder.
For hvis man så retter højden til så det passer i IE ..så vil det jo ikke passe i FF ..
Avatar billede martin_moth Mester
26. april 2005 - 10:20 #12
Løsningen kan være at lave det i en tabel med usynlige borders...

Men det kan da næsten ikke være rigtigt, at man ikke kan sætte afstanden mellem de enkelte bullets uafhængigt af linieafstanden i den enkelte bullet...

Sært!
Avatar billede busschou Praktikant
26. april 2005 - 14:15 #13
Den eneste måde jeg ser det på er at lave en style og sætte positionen relativt som tidligere nævnt
Avatar billede martin_moth Mester
27. april 2005 - 06:29 #14
ok.

Svar
Avatar billede busschou Praktikant
27. april 2005 - 06:51 #15
øhh martin_moth >> hvad blev løsningen?
Avatar billede martin_moth Mester
27. april 2005 - 08:05 #16
Som du skrev.

Enten bruge line-heightm som jeg foreslog. Ikke optimalt
Eller bruge din løsning. Ikke testet, virker lidt "omfattende"
Eller lave det i en tabel og derved have 100% styr over det.

Ville du have points, så overføre jeg gerne
Avatar billede busschou Praktikant
27. april 2005 - 08:09 #17
Nej da...points skal man jo kun uddele hvis man mener de er fortjente
Du må ikke tage det personligt...men jeg har det bare med at hade folk som lige pludselig ud af den blå luft selv lægger et svar uden een eneste kommentar til hvad der er sket
Det synes jeg er rimelig irriterende...så det er såmen bare det
Hvis du ikke drager nytte af mit svar skal jeg selvfølgelig ingen points have
Avatar billede martin_moth Mester
27. april 2005 - 13:19 #18
Ja, men du skrev jo selv, at jeg havde fundet den bedste løsning, og selv skulle tage points.

Derefter kommenterede jeg, at min egen løsning ikke var så smart alligevel, og om der virkelig ikke var andre muligheder...

Det mente du ikke at der var, og dermed er den tråd vel død.

Ergo tog jeg poients selv straks derefter og lukkede...

Så det var vel ikke helt "ude af den blå luft"
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