Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 4.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De naam en de versie van de extensie waar de vraag over gaat.

opgelost JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

19 apr 2024 17:18 - 19 apr 2024 17:24
#1
Hallo, ik werk met JCE en Joomla 4. Nu wil ik een image en een tabel met informatie naast elkaar zetten. Dat lukt me niet. Ondanks dat ik de image links en de tabel rechts heb uitgelijnd, willen ze niet op dezelfde hoogte staan. zie bijlage een stukje van het artikel 
.
Hoe krijg ik dat voor elkaar?
Ik heb geprobeerd met 2 kolommen maar dan wordt de tabel inhoud niet goed weer gegeven. Ik hoop dat iemand me op weg kan helpen. Alvast bedankt voor een reactie.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 19 apr 2024 17:24 door inef1.
Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151

JCE image en tabel op gelijke hoogte

19 apr 2024 20:08
#2
Je zou een twee kolommen div kunnen maken.
Dan plaats je de afbeelding in de linker div en de tabel in de rechter.

Of je voegt aan die tabel een extra kolom links toe en plaatst daar die afbeelding in.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11175

JCE image en tabel op gelijke hoogte

19 apr 2024 20:26
#3
Dankjewel voor de reactie. Het lijkt de oplossing alleen… Hoe doe ik dat. 2 Kolommen div? 
Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151

JCE image en tabel op gelijke hoogte

20 apr 2024 12:00
#4
Probeer het eens hiermee:
divtable.com/generator/
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11175

JCE image en tabel op gelijke hoogte

20 apr 2024 13:08
#5
Hoi, ik zie daar op die divgenerator site mooie tabellen maar nergens staat er een foto met ernaast een tabel. Klopt dat of kijk ik niet goed.
Ik heb een voorbeeld van wat ik bedoel net gevonden online. Zoiets is het idee. Het voorbeeld is gemaakt in Woocommerce. Dat is voor deze website veel te veel.
Ik heb even een screenshot ervan gemaakt zodat je een gevoel krijgt wat ik ongeveer bedoel. 

Ik hoef geen prijs of betalingen of verkoop. Ik wil alleen de producten showen met de nodige informatie. In een, dacht ik, blogvorm. Zijn ongeveer 30 images. 

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151

JCE image en tabel op gelijke hoogte

20 apr 2024 13:13 - 20 apr 2024 13:14
#6
Dat is ook alleen de structuur. Daar waar
Code:
 <div class="divTableCell">&nbsp;</div> <div class="divTableCell">&nbsp;</div> 
staat, moet je je eigen content/afbeelding invoegen.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 20 apr 2024 13:14 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37128

JCE image en tabel op gelijke hoogte

20 apr 2024 14:37 - 20 apr 2024 14:38
#7
Dank jullie wel. Het begint erop te lijken. Nu nog de tabel goed krijgen.  

Korte vraag. Kan ik die HTML code ergens plaatsen of moet ik dat bij alle artikelen opnieuw invoegen?
Ik heb het nu zo gedaan maar de tabel randen enz. zijn verdwenen maar ze staan wel naast de foto!: 
Code:
<div class="Kubutopia nr.76"> </div> <header> <article> <div class="divTableCell" style="text-align: center;"> <strong class="h2"><span style="color: #000000;">Elly Richaerts</span></strong><img src="images/verkoop/nr.%2076.png" alt="nr. 76" width="400" height="500" style="margin-right: 50px; float: left;" /></div> </article> </header> <div> </div> <div style="text-align: right;"><span style="color: #ffffff;"><strong class="bg-white">Elly Richaerts</strong></span></div> <h2><span style="color: #ffffff;"><strong>Kubutopia nr. 76</strong></span></h2> <div class="&lt;strong&gt;Informatie: &lt;/strong&gt;&lt;/div&gt; &lt;div class=">Afmetingen:</div> <div> </div>

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Laatst bewerkt 20 apr 2024 14:38 door inef1.
Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151

JCE image en tabel op gelijke hoogte

20 apr 2024 15:05
#8
Het ziet er in ieder geval ontzettend rommelig uit. Veel handmatige opmaak en onlogische instellingen. Wat is dit bijvoorbeeld?
Code:
<div class="Kubutopia nr.76"> </div>
Je zou gebruik kunnen maken van content templater van RegularLabs, dan maak je 1x een artikel en als dat  helemaal naar je zin is, sla je het op als template.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37128

JCE image en tabel op gelijke hoogte

23 apr 2024 14:25
#9
Je kunt in Cassiopeia trouwens ook bootstrap gebruiken om kolommen te maken.
Code:
<div class="container"> <div class="row"> <div class="col-sm">One of two columns</div> <div class="col-sm">One of two columns</div> </div> </div>
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37128

JCE image en tabel op gelijke hoogte

23 apr 2024 18:07
#10
Ik heb de code toegevoegd bij user CSS maar heb ook de regularlab Templater gebruikt. Het begint erop te lijken. Alleen de "afscheiding" tussen het ene naar het andere is niet goed te zien. 
ellyrichaerts.nl/nl/shop
Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151

JCE image en tabel op gelijke hoogte

23 apr 2024 19:06 - 24 apr 2024 08:24
#11
Ik zie geen user.css, geen div's, veel handmatige opmaak en een tabel met vaste breedte die op mobiel niet past. Zou nog eens goed naar het geheel kijken. Zie overigens het nut van die tabel ook niet omdat hij maar 1 kolom heeft.
Hiermee bereik je volgens mij zonder al te veel moeite precies wat je wilt en ook nog responsive:
Code:
<div class="container"> <div class="row"> <div class="col-sm"> <p><img src="/images/verkoop/nr.%2075.png" alt="nr. 76" width="800" height="1000" style="margin-right: 100px; margin-top: 10px; margin-bottom: 10px; float: left;"></p></div> <div class="col-sm"> <h4>Kubutopia nr. 75</h4> <h5>Techniek:</h6> <p>Tweeluik. Dit schilderij bestaat uit twee delen die aan elkaar gefotografeerd zijn. Vandaar dat men niet ziet dat het twee schilderijen zijn.</p> <h5>Afmetingen:</h6> <p>184 cm x 130 cm</p> <h5>Signature:</h6> <p>Het werk is gesigneerd en genummerd op de zijkant.</p> <h5>Verzendopties:</h6> <p>Het werk kan eventueel worden opgehaald in Echt. Verder in goed overleg.</p> <h5>Goed om te weten:</h6> <p>Elly werkt graag in opdracht. Wilt u kunst in opdracht laten maken, neem dan contact met haar op om de details te bespreken. Zij kan een bestaand schilderij op elk gewenst formaat door een pigmentdrukkerij laten printen op dibond. Kleuren kunnen dan aangepast worden. Opdruk is uniek, omdat deze maar één keer wordt afgedrukt.</p></div></div>
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725 		Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 24 apr 2024 08:24 door Astrid.
Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37128

JCE image en tabel op gelijke hoogte

30 apr 2024 10:37 - 30 apr 2024 10:39
#12
Hoi Astrid,
Heb de voorgestelde code in de Content Templater van reg.lab gezet en het lijkt precies zo te zijn zoals ik het wilde! Dank je wel.
Laatst bewerkt 30 apr 2024 10:39 door inef1.
Discussie gesloten.
  • inef1
  • inef1's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1151
Tijd voor maken pagina: 1.282 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie