Lister, css og space

[Fløffi]

Hei.

 

Hvordan får man mer luft mellom punktet ("the bullet") og teksten i ei liste?

har text-inden: 0; margin: 0;

 

Slik er det nå (har numerert liste):

 

1.text

2.text

3.text

 

men vil gjerne ha:

 

1....text

2....text

3....text

[Steinmann]

Padding på li er vel din venn her?

[øl_i_tastaturet]

Legg til en padding-left på li i css som Steinmann sa.

[Fløffi]

Nope, det padder hele lista.. fra:

 

1.jallajalla

 

 

til:

 

.....1.jallajalla

 

verken padding eller margin er tingen seru

[arthoz]

padding(-left) på li er riktig ja, se eksempel: http://haxx.no/li.html

[Steinmann]

Du bruker <ol> regner jeg med?

[Fløffi]

ja.. bruker ol.

 

men både padding og margin padder hele lista. mulig mine andre liste-css'er påvirker :S

 

#content ul {

list-style: none;

list-style-position: inside;

font-size: 10px;

font-family: Verdana;

font-size:10px;

letter-spacing: 0.5px;

text-indent: 0px;

}

 

#content li {

padding: 0px;

list-style-position: inside;

margin-bottom: 5px;

text-indent: -15px;

list-style-type: none;

}

 

#content ol li.nums {

list-style-type: decimal;

text-indent: 0;

margin: 0;

padding: 2px;

}

 

hvor jeg setter

<ol>

<li class="nums">element 1</li>

...

</ol>

 

uten klasse settes ikke nr på seff, siden jeg har sagt list-style-type: none; i ul-lista.

 

setter jeg ul li { - noe som skulle kun ha påvirket ul lister, IKKE ol lister kommer ikke nr med i ol-lista. når det står sånn er det sånn som jeg vil ha det bortsett fra at teksten er for nærme nummra. GRRR

[Steinmann]

Fjern de 2 øverste linjene der du

[pedervl]

#content li {

padding: 0px;

 

står det

[Fløffi]

Jeg vil ikke ha padding på de andre listene mine, kun på ol-listene.

 

tsk tsk.. det var

 

* {

margin: 0;

padding: 0;

}

 

som messa opp ALLE listene mine.

Endret 29. februar 2008 av Fløffi