Tarpai tarp <img>

Sveiki, kuriu žaidimui žemėlapį, kurį sudaro keletas <img> elementų (5x5). Eilutėse jie eina vienas šalia kito, kaip ir turėtų, tačiau perkeliant į naują eilutę susidaro mažas tarpelis. Padding: 0px; margin: 0px; bandžiau. Padarius padding: -1px; tarpelis išnyksta, tačiau tada paveiksliukai horizontaliais lipa viens ant kito.

Taigi, gal turite pasiūlymų, kaip galėčiau išspręsti šią problemą?

padding-top: -1px

CSS reset naudoji?

Nepadeda.

Jeigu paveiksliukai tarp <a> tagų tai ie uždeda borderį, bandei border: none ?

http://wabal.lt/haypi/style.css

Štai css.

Paveiksliukas nėra tarp <a> tag'ų. Bent jau kol kas, nes vėliau prireiks. Pabandžiau, tačiau vis tiek tarpeliai išlieka.

<img> yra "inline" tipo elementas, jeigu nori tiksliai vertikaliai ir horizontaliai išdėlioti, siūlyčiau pakeisti į "block" tipo elementą - "display: block;".

Pabandžiau. Na dabar tarpų vertikaliai nėra, bet man reikia, kad img būtų išdėstyti kvadratu, o ne stulpeliu.

ooooo

ooooo

ooooo

ooooo

ooooo

Dabar, kai padariau display: block;, atrodo panašu į...

o

o

o

o

o

o

o

o

... ir t.t.

Dabar kai paveiksliukai "block" tipo, naudok "float" kad juos išlygiuoti - "float: left;". Tokiu būdu išrikiuosi juos vienas po kito. Kad persimestu į kitą eilutę, parent elementui nustatyk fiksuota plotį (5 x paveiksliuko plotis).

Dabar kai paveiksliukai "block" tipo, naudok "float" kad juos išlygiuoti - "float: left;". Tokiu būdu išrikiuosi juos vienas po kito. Kad persimestu į kitą eilutę, parent elementui nustatyk fiksuota plotį (5 x paveiksliuko plotis).

Sprendimas, kad to nereiktų:

Vietoje

display: block;

naudoju

display: inline-block;

alter sprendimas iš dalies padėjo. Paveiksliukai buvo be tarpų, tačiau visi prispausti prie kairiojo šono ir stovintys tiesiais virš kitų elementų.

Kerniaus sprendimas išvis nieko nepakeitė.

Uždėk parent elementui "overflow: auto;".