[Bijdrager Thom]

CSS

Hoe regel ik op een goed manier de afstand dat een <LI> item inspringt.
Ik deed dat door een negatieve linker margin, maar dit ziet er op verschillende brouwsers verschillend uit.

[Bijdrager WebJ]

Als je de margin op 0 zet zou deze niet moeten inspringen. Geef je ‘m een kleine waarde mee springt die een beetje in.

[Bijdrager Thom]

Nee, net deze css:

[code:1:c6f9f9abf6]
#agendaContent ul {
line-height: 12px;
margin: 0px;
}

#agendaContent li {
color: #E7F0F7;
list-style-image: url(../_images/bullet_agenda.gif);
margin-left: 0px;
margin-bottom: 3px;
}[/code:1:c6f9f9abf6]

springt hij met Safari en Firefox een heel stuk in.
Raar?!

[Bijdrager tennapel]

yup: padding gebruiken.

Sommige browsers gebruiken padding voor het inspringen, anderen weer margin.

[Bijdrager Thom]

Ja bedankt alweer,

Kan ik ook de afstand tussen de bullets en de tekst aanpasen?

———-
edit:
Ik heb het al!

[Bijdrager Bitcrumb]

”Thom”

Ja bedankt alweer,

Kan ik ook de afstand tussen de bullets en de tekst aanpasen?

———-
edit:
Ik heb het al!

Margin regelt afstand van kantlijn tot bullet, padding tussen bullet en tekst.
Is het zo niet?

*edit*
Verdorie, ik dacht dat jou edit je signature was. Misschien kun je laten weten hoe jij het opgelost hebt?

[Bijdrager Thom]

Ja dat was onhandig van me.

Opgelost door van de bullets een background te maken

[code:1:975c7288dc]#agendaContent ul {
line-height: 12px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#agendaContent li {
color: #E7F0F7;
background-image: url(../_images/bullet_agenda.gif);
background-repeat: no-repeat;
padding-left: 13px;
margin-left: 0px;
margin-bottom: 3px;
list-style-type: none;
}[/code:1:975c7288dc]

[Bijdrager Lucas Raggers]

Zie dit artikel: http://www.alistapart.com/articles/taminglists

[size=9:5e9e446a80](let ook op de mooie nieuwe layout van alistapart!)[/size:5e9e446a80]