Joomla!NL - [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

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

.
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.

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

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.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11277

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?

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

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.

WoodyF4u
Moderator + Nieuwsteam
Berichten: 11277

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

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.

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

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.

Astrid
Moderator + Technisch team
Berichten: 37439

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

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>

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

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.

Astrid
Moderator + Technisch team
Berichten: 37439

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.

Astrid
Moderator + Technisch team
Berichten: 37439

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

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

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.

Astrid
Moderator + Technisch team
Berichten: 37439

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.

inef1
Heeft onderwerp gestart
Vaste bezoeker van Joomla!NL
Berichten: 1172

Laatste nieuws

Welkom bij Joomla!NL

opgelost JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

JCE image en tabel op gelijke hoogte

Laatste forumberichten

Wil je Joomla!NL steunen?