Nenaden presledek med predmeti - CSS

5 naročnikov

Živjo,

Delam meni in sem vsak gumb dal v <li>. Ker hočem meni imeti vodoravno sem dal display: inline; ter pa list-style-type: none da se znebim pikic.

Problem nastane ker je med vsakim gumbom zdaj rahel presledek, kar pa potem ne paše v širino strani. S katerim propertyom bi se znebil tega nepotrebnega presledka?

Zaenkrat imam samo to:

li {
list-style-type: none;
display: inline-block;
}

Mislim da bi z line-height: 20px; uspel resiti zadevo drugace pa kaksen margin: -5px 0 -5px 0; nekaj od tega bi sigurno moralo delovati.

Si testiral samo v enem browserju ali večih? Uporabljaš reset.css?

Poglej stil left in right padding in margin.

Mislim, da ima <ul> oz. <li> element že po defaultu nek margin, padding, ki pa se celo od brskalnika do brskalnika razlikuje. Ravno s tem razlogom, jaz vedno uporabljam reset margina in paddinga na 0 za vse elemente in nato ročno nastavim, tam kjer to potrebujem. Dodaj na vrhu CSS-ja naslednje in preveri, če je presledek še vedno prisoten:

* {
   padding:0;
   margin:0;
}

Tudi sam menim, da je to zaradi default nastavitev brskalnika.. Shrani te nastavitve v .css datoteko in jo vključi pred tvojim css-jom.