Gå til innhold

mellomrom mellom li elementer ved css?


Anbefalte innlegg

Skrevet

Går det an å lage et mellomrom mellom hvert <li> element i en liste ved hjelp av css? Har forsøkt med på margin-bottom og margin-top men det fikser bare margen rundt hele lista

Videoannonse
Annonse
Skrevet (endret)

margin-bottom eller padding-bottom skal fungere om du tar det på li. om hele saken rører seg så har du mestsannsynelig tatt det på ul.

 

 

 

Edit: 1 sec :whistle:

Endret av resol
Skrevet

kan hende du opplever overlapping margins.

Kan hende at padding funker bedre.

Eventulet en border i samme farge som enten bakgrund eller som li elementet. Legge på en border(trenger ikke være rundt hele) pleier å rette "feilen"

Skrevet (endret)

ok tusen takk skal prøve border, og ja jeg satte padding og margin på li elementet men da funket det ikke.

 

funket egentlig veldig dårlig...

 

slik har jeg satt opp lista:

 

<ul class="liste">
<li>element 1</li>
<li>element 2</li>
</ul>

css som dere ser har jeg prøvd alle alternativer :-)
.liste li{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:20px solid #FFFFFF;
}

Endret av shagg0r
Skrevet (endret)

Hmm, da må det være noe galt i css'n din lenger opp, eventulet i html'n som roter.

Fikk det til å funke med margin-bottom med en gang jeg.

Pass på at den ikke er satt til display: inline;

Endret av orsus

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...