CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hono Nybegynder

26. oktober 2002 - 01:07 Der er 3 kommentarer og
3 løsninger

Css på punktopstilling

Jeg har en punktopstilling som nedenstående:

<ul>
<li>1
<li>2
<li>3
</ul>

Dette rykkes automatisk lidt ind på siden. Altså der er lidt luft ude til venstre. Der er ligeledes en standardbredde på afstanden mellem prik og tekst. Endeligt er der også en standardafstan mellem hver linie. Hvordan kontrollerer jeg disse tre ting med css? Har prøvet med noget padding, margin og line-height. Men det virker ikke helt som jeg havde håbet :(

Hono

Synes godt om

avlund Nybegynder

26. oktober 2002 - 01:26 #1

Jeg ville ønske jeg vidste det. Jeg har selv ledt efter en løsning på dette. Men det ser ikke umiddelbart ud til, at den er lige for.

Synes godt om

Slettet bruger

26. oktober 2002 - 01:32 #2

du kan i hvertfald styre afstanden mellem linierne

Synes godt om

knudgert Nybegynder

26. oktober 2002 - 01:34 #3

Noget á la:
<html><head>
<style type="text/css"></style>
</head><body>
Indhold:
<ul>
<li><span style="padding-left: 20px">1</span>
<li><span style="padding-left: 25px">2</span>
<li><span style="padding-left: 30px">3</sp<n>
</ul>
</body></html>

Synes godt om

Slettet bruger

26. oktober 2002 - 01:34 #4

to sekunder

Synes godt om

mik789 Nybegynder

26. oktober 2002 - 10:55 #5

husk du kan også (og du kan være nødt til at) bruge negativ margin. Jeg ville mene du skulle bruge denne style:

<style type="text/css">
ul { list-style-position: outside; }
</style>

+ måske også styles på <li>, f.eks. padding til at adskille prik og tekst. Men prøv dig og frem og se:

http://www.w3schools.com/css/pr_list-style-position.asp

Synes godt om

detverdner Nybegynder

30. oktober 2002 - 08:39 #6

Dette problem har været diskuteret indgående blandt deltagerne på css-discuss maillisten. Mark Newhouse samler op på diskussionerne i denne artikel på A List Apart: http://www.alistapart.com/stories/taminglists/

Et par hurtige tip:
a. Sæt altid venstre margin og padding på både UL og LI.
b. Standardafstanden mellem prik og tekst kan styres på mange måder, fx margin/padding på LI.
c. Afstanden mellem de enkelte punkter kan du styre ved at sætte margin eller padding på LI-elementerne; line-height skal du kun bruge, hvis linien aldrig ombrydes (ellers bliver afstand mellem punkter og enkelte linier den samme).

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS