Egymás melletti képek cikkben.

Több
5 éve 1 hónapja #14504 Írta: Balazska
Egymás melletti képek cikkben. téma létrehozva Balazska által
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!

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
5 éve 1 hónapja - 5 éve 1 hónapja #14507 Írta: kovacshazi
kovacshazi válaszolt a következő témában: Egymás melletti képek cikkben.
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.

Segítség Joomla és VirtueMart webáruház készítéséhez, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu
Utolsó szerkesztés: 5 éve 1 hónapja kovacshazi által.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
5 éve 1 hónapja #14509 Írta: Balazska
Balazska válaszolt a következő témában: Egymás melletti képek cikkben.
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.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
5 éve 1 hónapja #14513 Írta: kovacshazi
kovacshazi válaszolt a következő témában: Egymás melletti képek cikkben.
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:
Code:
<div class="row"> <div class="col-xs-12 col-sm-4"><img src="images/jatszohaz/jatszohaz_1.jpg" alt="jatszohaz 1" /></div> <div class="col-xs-12 col-sm-4"><img src="images/jatszohaz/jatszohaz_2.jpg" alt="jatszohaz 2" /></div> <div class="col-xs-12 col-sm-4"><img src="images/jatszohaz/jatszohaz_3.jpg" alt="jatszohaz 3" /></div> </div>

Segítség Joomla és VirtueMart webáruház készítéséhez, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
5 éve 1 hónapja #14514 Írta: Balazska
Balazska válaszolt a következő témában: Egymás melletti képek cikkben.
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?

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
5 éve 1 hónapja #14515 Írta: kovacshazi
kovacshazi válaszolt a következő témában: Egymás melletti képek cikkben.
Code:
<div class="row" style="max-width: 800px"> <div class="col-xs-12 col-sm-4" style="text-align: center"><img src="images/jatszohaz/jatszohaz_1.jpg" alt="jatszohaz 1" /></div> <div class="col-xs-12 col-sm-4" style="text-align: center"><img src="images/jatszohaz/jatszohaz_2.jpg" alt="jatszohaz 2" /></div> <div class="col-xs-12 col-sm-4" style="text-align: center"><img src="images/jatszohaz/jatszohaz_3.jpg" alt="jatszohaz 3" /></div> </div>

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.

Segítség Joomla és VirtueMart webáruház készítéséhez, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu
A következő felhasználók mondtak köszönetet: Balazska

Jelentkezz be, hogy te is részt vehess beszélgetésben!