8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)
  • Q:
    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]

8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.