Page 1 of 2
hoe voeg ik een div container met twee divs erin met tinymce
Posted: Sun Jul 31, 2011 3:45 pm
by andre_designer
hallo
ik heb een vraag. ik ben bezig m'n portfolio site aan het maken. Nu wil ik op mijn portfoliopagina een div contianer met daarin twee andere divs daarin hebben. Nu heb ik al de div tag toegevoegd aan tinymce en ik heb classes aangemaakt in mijn stylesheet. Maar als ik nu een div en een class selecteer in tinymce dan voegt tinymce doodleuk een span aan mijn div toe i.p.v een class aan m'n div. En het lukt gewoon niet op een normale manier een div in een div te krijgen met daarnaast een andere div.
Mijn vraag is hoe krijg ik dit voormekaar met tinymce. De bedoeling is dat ik een outerDiv krijg met twee innerDivs naast mekaar zonder dat er een span word toegevoegd.
Dus eigenlijk zo:
Code: Select all
<div class="portfolioContainer">
<div class="portfolioAfb"><img src="thumb1.jpg" alt="" /></div>
<div class="portfolioContainer"><strong>sitenaam</strong><br />
<strong><a href="link.html">link</a></strong><br />
<strong> omschrijving</strong> bla blabla bla bla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla bla
</div>
</div>
<div class="portfolioContainer">
<div class="portfolioAfb"><img src="thumb2.jpg" alt="" /></div>
<div class="portfolioContainer"><strong>sitenaam</strong><br />
<strong><a href="link.html">link</a></strong><br />
<strong> omschrijving</strong> bla blabla bla bla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla bla
</div>
</div>
<div class="portfolioContainer">
<div class="portfolioAfb"><img src="thumb3.jpg" alt="" /></div>
<div class="portfolioContainer"><strong>sitenaam</strong><br />
<strong><a href="link.html">link</a></strong><br />
<strong> omschrijving</strong> bla blabla bla bla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla bla
</div>
</div>
wie weet hier een antwoord op??
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 7:41 am
by Jos
Dat soort dingen moet je niet met TinyMCE willen doen.
Bedenk waar het systeem voor gemaakt is: iemand die zonder kennis van HTML teksten moet invoeren
Waarschijnlijk is een aparte template, waar je de divs al in hebt staan, een betere oplossing. In de pagina hoef je dan alleen de inhoud van de divs aan te passen, om de positionering hoef je je dan niet druk te maken.
Dit komt ook tegemoet aan de eis die aan moderne websites gesteld worden om inhoud en opmaak van elkaar te scheiden.
[edit]
En ik zit even wat beter naar je html voorbeeld te kijken, en daaruit maak ik op dat de inzet van een module in jouw geval de enig juiste keuze is.
Dat kan met bijv. Products, Gallery, ListIt2, etc..
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 10:58 am
by andre_designer
zucht, ik heb nog een hoop te leren over modules en cms ms. welke module zou je me adviseren,Jos ??
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 11:16 am
by Jos
Ik heb zelf wel eens Gallery voor een dergelijk doeleinde ingezet. Maar dat is alleen zinvol als je bijvoorbeeld meerdere screenshots wilt laten zien nadat je in de portfolio-lijst op een afbeelding klikt.
Dit lijkt me ook een leuke toepassing voor ListIt2, ofwel ListItExtended:
http://dev.cmsmadesimple.org/projects/listit2
Ik heb die module zelf nog niet ingezet, maar hij lijkt me veelbelovend. Je kunt deze module vanuit de module-admin kopieren en een andere naam geven.
Tevens maakt het gebruik van GBFilePicker om afbeeldingen toe te voegen.
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 11:23 am
by RonnyK
Voor een portfolio zou je ook MCFactory kunnen gebruiken, waarbij je eigenlijk zelf je module maakt, middels velden-selectie.
Op onderstaand voorbeeld heb ik deze module gebruikt.
http://www.krijt.eu/en/portfolio.html
Ronny
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 12:13 pm
by andre_designer
kijk, zoals ronnyk het in z'n portfolio heeft staan zo wil ik 'm hebben. als je op de foto nog kan in zoomen en nog een beetje commetaar kan toevoegen dan is dat helemaal zoals ik dat wil hebben.
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 12:42 pm
by RonnyK
In de template die ik heb gebruikt, wordt als link op het plaatje gelinkt naar de site. Je zou daar natuurlijk ook kunnen linken naar een grotere foto, die je OF uit de logica laat linken OF via extra plaatje koppelt in de gemaakte module.
Mocht je de module willen hebben, zoals ik die heb gemaakt met MCFactory, dan kan ik je die wel mailen. Wordt dan alleen wel vanavond....
Ronny
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 12:51 pm
by Jos
andre_designer wrote:als je op de foto nog kan in zoomen en nog een beetje commetaar kan toevoegen dan is dat helemaal zoals ik dat wil hebben.
Met Gallery heb je standaard een Fancybox of Lighbox functie tot je beschikking
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 3:42 pm
by andre_designer
das goed ronny . Je mag hem wel mailen
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Mon Aug 01, 2011 4:38 pm
by andre_designer
graag zelfs!!
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Wed Aug 03, 2011 7:00 pm
by andre_designer
hi ik kom toch maar even op het forum. Ik heb nu een paar mailtjes naar ronny verstuurd maar ik krijg eigenlijk niet het antwoord dat ik eigenlijk wil hebben.
Het volgende ik heb mc Factory geïnstalleerd en ik heb de portfolio module van ronny toe gemaild gekregen. Deze heb ik in mcFactory geupload en in modules geïnstalleerd en ik heb in inhoud->portfolio->templates de volgende template aangemaakt
Code: Select all
<div class="portfolioContainer">
<div class="portfolioPicture"><img src="$item->image" alt="$item->url" title="$item->url" /></div>
<div class="portfolioContent"><p><a href="$item->url">$item->url</a></p><p>$item->omschrijving</p></div>
</div>
nu heb de volgende waardes in mijn template:
nu wil ik eigenlijk dat mij pagina er zo uit gaat zien
http://www.krijt.eu/en/portfolio.html
nu heb ik van ronny deze code gehad en op de desbetreffende pagina gezet {cms_module module='portfolio' orderby='sequence DESC'}
maar ik krijg alleen een link te zien en als ik op de link krijg ik de pagina wel te zien maar niet direct op deze pagina
http://www.gravesteyn.com/portfolio.html en niet zoals ronny 'm heeft op
http://www.krijt.eu/en/portfolio.html
mijn probleem is eigenlijk, ik krijg de template/ output niet zo dat het juist word word weer gegeven. hoe en waar moet ik de waardes/ html opgeven dat de output juist wordt weergegeven zoals bij ronny?? wie kan mij helpen??
waar moet ik precies wat doen??
de module is te vinden op
http://www.gravesteyn.com/portfolio.zip
Ik hoop dat ik duidelijk ben
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Wed Aug 03, 2011 7:23 pm
by RonnyK
André,
ik weet niet welke template je aangepast hebt, maar bij mij wordt display_list gebruikt.
Ik heb je net een mail gestuurd. Mocht je me een login sturen, dan kan ik wel even kijken waar het scheef loopt....
Ronny
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Wed Aug 03, 2011 7:49 pm
by KC
Sorry dat ik misschien wat OT ben, maar, just curious, wat is het verschil tussen MC Factory en CTLModuleMaker?
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Wed Aug 03, 2011 8:58 pm
by andre_designer
you've gott mail
Maar ik kijk morgenochtend wel. ik ga nu naar bed.
Re: hoe voeg ik een div container met twee divs erin met tin
Posted: Wed Feb 15, 2012 5:47 pm
by EricG
Heeft iemand deze portfolio nog? Heb interesse in deze module