Hvorfor er de Marginene fungerer ikke på My HTML listen?
Ved utvikling av en webside i Hypertext Markup Language (HTML), kan du style ulike funksjoner på nettstedet ditt, inkludert lister. Lister, som inkluderer kulepunkt og nummererte, kan vises i en rekke måter ved hjelp av stilark. Hvis du, etter å designe listene, har de ikke vises som forventet, så må du sjekke koding.
Lister i HTML
Koden for lister enten bruker <ol> tag for "bestilt" lister, ellers kjent som nummererte lister, eller <ul> tag for "sorterte" lister, ellers kjent som punkter. Legge inn disse i HTML er enkelt, men det inkluderer ikke de parametere for design - de må legges inn ved hjelp av et ark Cascading Style (CSS).
Lister i CSS
Den gjennomgripende stilark er kodingen enten i en egen CSS-fil eller innenfor <head> -taggen i HTML som utpeker utseendet av ulike elementer på siden din. Listen styling kan du endre margene. Derfor, hvis du ønsker å endre marger, må du gjøre det i CSS koding.
CSS-kode
Sett inn følgende kode, enten i din CSS fil eller i CSS-koden i <head> taggene:
ul
{
margin-left: 1em;
padding-left: 0;
}
li
{
margin: 0;
padding: 0;
}
Sett de typiske "margin" parametere i her (margin, margin-top, margin-left, etc).
HTML kode
Pass på at du bruker grunnleggende HTML-kode i selve gjennomføringen, for eksempel:
<H1> List </ h1>
<Ul>
<Li> ONE 1 </ li>
<Li> TO 2 </ li>
<Li> TRE 3 </ li>
</ Ul>