Egymás melletti képek cikkben.

Migráltam egy honlapot 2,5 ről 3-ra . Meglepődve vettem észre, hogy azokban a cikkekben ahol egymás melletti kisebb képek voltak photos.app.goo.gl/rZN8KypuGEnFjyzm6 az új 3-as honlapon átrendeződtek. photos.app.goo.gl/7W7F2DbPreWXNzaJA

Hiába próbálom az eredeti sorrendbe tenni nem engedi ! ( jce szerkesztő). Érdekes módon a két html kódot összehasonlítva egyformának tűnik!

Nem tudom hogy kerültek be a képek a cikkbe, de gyanítom valami Bootstrap megoldással talán span4 esetleg egyéb css osztállyal például width33 vagy hasonló.
Látni kellene az új oldalt, hogy konkrét megoldást lehessen adni, de ezen a nyomon indulnék el. Valószínűleg az új sablonban nincs benn a megfelelő css osztály.

Többféle sablonnal kipróbáltam és a helyzet ugyanaz! Egyébként html kódban íródtak bele a képek !

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/jatszohaz/jatszohaz_1.jpg" alt="jatszohaz 1" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/jatszohaz/jatszohaz_2.jpg" alt="jatszohaz 2" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="images/jatszohaz/jatszohaz_3.jpg" alt="jatszohaz 3" /></p>

És itt a régi honlap! biobia.hu/index.php/osztalykirandulas/jatszohazak Ebben a három kép egymás mellett míg a 3-as joomla-ban egymás alá kerültek a képek!
Kipróbáltam egy másik honlapon is ( az is 3.... -as és ott sem tudom egymás mellé rendezni.

Na azt a rengeteg nem törhető karaktert (&nbsp;) felejtsd el és azonnal szedd ki a kódból!
Nem tudom melyik bootstrap verziót használod, de gyanítom hogy valami ilyesmi kellene:

Köszönöm, ez már közelít a megoldáshoz. photos.app.goo.gl/Bg78KMKoQj8sXrHaA

Kérdésem még az volna, hogy lehet-e a három ( vagy akárhány ) képet középre rendezni. ill. a képek közötti távolságot állítani?

Ha még mindig távol vannak a képek egymástól akkor az első sor max-width: 800px-nél a 800-at írd egyre kisebbre.