Hvordan Ikke Innrykk Bullets på CSS

September 27

Når du oppretter sorterte lister i Hypertext Markup Language (HTML), rykker en nettleser automatisk kulene slik at de ikke stille opp mot venstre side av siden som vanlig tekst gjør. Denne standard er ofte plagsom hvis du bruker bilder som kulene dine, eller hvis du finner ut at den tvungne avstanden ikke fungerer godt med layouten. Heldigvis kan du bruke en Cascading Style Sheets (CSS) stil regel til siden din kode som instruerer nettleseren ikke å rykke disse kulene.

Bruksanvisning

1 Start teksteditor programmet og laster websiden som har kulene.

2 Plasser markøren etter åpningen "<head>" tag og skriv følgende CSS-kode:

<! -

ul {}

</ Style>

Den sorterte liste (ul) tag styrer kule elementer i listen.

3 Skriv "margin-left:;" og "padding-left:;" mellom klammeparenteser og skriv en null pixel (px) verdi etter hvert kolon. Å illustrere:

ul {margin-left: 0px; padding-left: 0px; }

Null verdier for venstre marg og padding attributter trekke kulene tilbake så de stiller seg opp mot venstre side av siden.

4 Lagre filen og laste den opp til din web host.