Reikalinga pagalba su CSS/jquery

Sveiki, iškilo tokia bėda, pabandysiu kuo aiškiau papasakoti. Yra nuotraukų galerija, iš kart atidarius puslapį arba jį atnaujinus tarp nuotraukų atsiranda tarpelis:

http://www.part.lt/img/e737ccd99533cd2f27041c847d6065fe5.jpg

tačiau pasinaudojus nuotraukų filtravimu (viršutinės nuorodos) tas tarpelis dingsta:

http://www.part.lt/img/4d9ff66d276eb8bb2f7e2c6747bf5d22174.jpg

Gal kas nors turite minčių kodėl taip yra ir kaip padaryti, kad to tarpelio atsidarius puslapį taip pat nebutų? Jokie padding ir margin nenaudojami, nes naudojantis filtravimu viskas vyksta kaip ir turi būti.

Nebus taip, kad tarp div'ų ar img žymių sudėti tarpeliai ar newline'ai? O po to kai prafiltruoja ir surašo naują HTML struktūrą, tų tarpelių neįdeda?

jo, wi_lius teisingai sako. Kiek atsimenu, jei yra nuorodos, o gal <li>, tai kode tarp jų negali būti tarpelių.

Paprastas sprendimas pafloatinti į kairę. float:left

Kitas, gal dar paprastesnis yra panaikinti tarpelius tarp html tagų, pvz

vietoj:

<li>Contentas</li>
<li>Contentas 2</li>

padarai

<li>Contentas</li><li>Contentas 2</li>

arba naikini komentarais

<li>Contentas</li><!--
--><li>Contentas 2</li>

Ačiū už patarimus, tačiau nei vienas paminėtas būdas nepadėjo išspręsti šios problemos.

Tai tada teks parodyt, koks pas tave kodas. Nes ne visi moka iš kavos tirščių burti ;)

Tai tada teks parodyt, koks pas tave kodas. Nes ne visi moka iš kavos tirščių burti ;)

būtent :D

HTML'e paveiksliukai atvaizdavimui surašyti taip:

<div class="work isotopeSelector websites"><img src="img/work1.jpg" class="media" alt=""/></div>

CSS'e taip:

.main .work{
   display: block;
   width: 25%;
   height: auto;
   float: left;
   position: relative;
   overflow: hidden;
}

.main .work .media{
   width: 100%;
   vertical-align: middle;
}

Būna, kad reikia pafloatinti paveiksliukus, nes jie irgi po defaultu būna su marginu :)

Panaikinus

width: 25%;

tarpeliai dingsta, bet man reikia, kad 4 paveiksliukus į plotį atvaizduotų prisitaikant prie naršyklės lango pločio.

Sudėtingai pas tave CSS padarytas. Aš su inline-block daryčiau: https://jsfiddle.net/u4van70s/4/