hoe voeg ik een div container met twee divs erin met tinymce

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

hoe voeg ik een div container met twee divs erin met tinymce

Post 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??
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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..
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post by andre_designer »

zucht, ik heb nog een hoop te leren over modules en cms ms. welke module zou je me adviseren,Jos ??
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm
Location: Raalte, the Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm
Location: Raalte, the Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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 8)
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post by andre_designer »

das goed ronny . Je mag hem wel mailen
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post by andre_designer »

graag zelfs!!
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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:
  • $item->sequence
  • $item->url
  • $item->image
  • $item->description
  • $item->omschrijving
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
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm
Location: Raalte, the Netherlands

Re: hoe voeg ik een div container met twee divs erin met tin

Post 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
KC
Forum Members
Forum Members
Posts: 33
Joined: Fri Feb 02, 2007 12:28 am

Re: hoe voeg ik een div container met twee divs erin met tin

Post by KC »

Sorry dat ik misschien wat OT ben, maar, just curious, wat is het verschil tussen MC Factory en CTLModuleMaker?
andre_designer
Forum Members
Forum Members
Posts: 233
Joined: Sat Apr 10, 2010 4:26 am
Location: Gorinchem

Re: hoe voeg ik een div container met twee divs erin met tin

Post by andre_designer »

you've gott mail
Maar ik kijk morgenochtend wel. ik ga nu naar bed. ;D
EricG
Forum Members
Forum Members
Posts: 29
Joined: Tue May 02, 2006 1:46 pm
Location: Apeldoorn

Re: hoe voeg ik een div container met twee divs erin met tin

Post by EricG »

Heeft iemand deze portfolio nog? Heb interesse in deze module
Post Reply

Return to “Dutch - Nederlands”