question-circle Egymás melletti képek cikkben.

Több
2019 jan. 31 06:53 #1 Í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!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Joomla mérnök
  • Joomla mérnök
  • Mindent lehet, csak akarni kell
Több
2019 jan. 31 09:28 - 2019 jan. 31 09:29 #2 Í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éhet, problémák megoldásában
www.webprogramok.hu

Joomladay2013 - Budapest, Hungary
www.joomladay.hu
Utolsó szerkesztés: 2019 jan. 31 09:29 kovacshazi által.

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

Több
2019 jan. 31 12:21 #3 Í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!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Joomla mérnök
  • Joomla mérnök
  • Mindent lehet, csak akarni kell
Több
2019 febr. 01 08:02 #4 Í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:
<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éhet, 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
2019 febr. 01 08:12 #5 Í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!

  • kovacshazi
  • kovacshazi profilkép
  • Nem elérhető
  • Joomla mérnök
  • Joomla mérnök
  • Mindent lehet, csak akarni kell
Több
2019 febr. 01 08:17 #6 Írta: kovacshazi
kovacshazi válaszolt a következő témában: Egymás melletti képek cikkben.
<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éhet, 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!