[Opgelost] Menu verschijnt niet voor een groot deel

[MDK]

Ik zit met het volgende probleem, mn menu wil niet werken in cmsms, de originele is hier te vinden http://www.dianakledingreparatie.nl/smit/index.html .

De template in cmsms ziet er zo uit http://www.dianakledingreparatie.nl/smit/template.txt en in cmsms 1.10.3 ziet het er zo uit http://www.dianakledingreparatie.nl/smit/vb.bmp.

Ik heb het helaas nu lokaal draaien dus jammer dat het zo moet.
Ik heb alles gecontroleerd dus onder normale omstandigheden zou het moeten werken. Ik zit hier al een tijdje mee dus hoop dat iemand me kan helpen.

[timdebuurman]

Hoi MDK

Hier een stukje uit jou template:

Code: Select all

<div class="nav-container">
				<nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a>
{menu number_of_levels="2" template="minimal_menu.tpl"}
                <div class="clear"></div>
            </nav>	
          
        </div>

Zo te zien mist er een </li> en </ul>

[MDK]

Nee geen resultaat

Code: Select all

 <div class="nav-container">
				<nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a> 
{menu number_of_levels="2" template="minimal_menu.tpl"}
</li>
</ul>

                <div class="clear"></div>
            </nav>	
          
        </div>

Het probleem ook is dat het als submenu begint, na het veranderen van de level heeft het ook niet geholpen.

[timdebuurman]

De template van het menu maakt een simpele lijst.

Deze code van jou:

Code: Select all

<div class="nav-container">
            <nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a>
{menu number_of_levels="2" template="minimal_menu.tpl"}
</li>
</ul>

                <div class="clear"></div>
            </nav>   
         
        </div>

zal dit als resultaat hebben:

Code: Select all

<div class="nav-container">
            <nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a>

<ul>
      <li><a href="#"><span>pagina1</span></a></li>
      <li><a href="#"><span>pagina2</span></a></li>
             <ul>
                   <li><a href="#"><span>pagina2.1</span></a></li>
                   <li><a href="#"><span>pagina2.2</span></a></li>
             </ul>
      <li><a href="#"><span>pagina3</span></a></li>
</li>
</ul>

                <div class="clear"></div>
            </nav>   
         
        </div>

Als je dat in je origineel zet, dan kan je ermee testen.
Het zal waarschijnlijk in je stylesheet te verhelpen zijn.

[MDK]

Tim, ik kan je niet echt volgen, als ik niet de menu level op 1 bv zet dan hoort die submenu er toch helemaal niet te komen ?

Kan je wat meer specifiek zijn ? Ligt vast aan mij :d

[timdebuurman]

MDK,

Inderdaad, als je number_of_levels="1" doet, dan word het zonder de submenu's.

Wat ik bedoel, is dat de code die uiteindelijk als website word geladen anders is dan de code hoe die in het origineel staat.

Zo wordt de code van je template: (ik heb het sub-menuweggehaald)

Code: Select all

<div class="nav-container">
            <nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a>

<ul>
      <li><a href="#"><span>pagina1</span></a></li>
      <li><a href="#"><span>pagina2</span></a></li>   
      <li><a href="#"><span>pagina3</span></a></li>
</ul>

</li>
</ul>
                <div class="clear"></div>
            </nav>   
         
        </div>

En zo is de code van je origineel:

Code: Select all

        <div class="nav-container">
				<nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a></li>

                    <li><a href="">Home</a>

                        <ul>

                            <li><a href="">Voorbeeld</a></li>
							<li><a href="">Voorbeeld</a></li>
							<li><a href="">Voorbeeld</a></li>
							<li><a href="">Voorbeeld</a></li>
                        </ul>

                    </li>

                    <li><a href="">Over ons</a></li>

                    <li><a href="">Occasions</a></li>

                    <li><a href="">Werkplaats</a></li>
                    <li><a href="">Financiering</a></li>
                         <li><a href="">Online afspraak</a></li>

                          <li><a href="">Contact</a></li>

                </ul>


                <div class="clear"></div>
            </nav>
		
		
		
		
          
        </div>

Dus dat je origineel goed werkt en de template niet, kan kloppen als je dezelfde stylesheet hebt gebruikt.

Mijn idee was dan ook om je origineel net zo te maken als de template en dan werkend te maken.

Begrijp je?

[MDK]

Ok nu begrijp ik het, maar wat is dan de oplossing ? Ik kom er niet uit eerlijk gezegd.

[timdebuurman]

Eigenlijk zul je het menu opnieuw moeten instellen in je stylesheet op de nieuwe manier.

Dus in het origineel de code invoeren zoals deze vanuit je template gegenereerd word en dan werkend maken.

Ik begrijp dat je niet zelf de originele gemaakt hebt?

[MDK]

De design heeft iemand anders voor me gemaakt en ik probeer het te om te zetten naar cmsms maar er is geen verschil met de originele. En met originele bedoel je de site die ik heb geplaatst toch ?

De css van die is hetzelfde als in cmsms, dus je zou denken dat zou normaal moeten werken in 1 keer. Of begrijp ik je weer verkeerd

[timdebuurman]

Is niet hetzelfde.

De verschillen heb ik een paar posts geleden laten zien.

Met de originele bedoel ik het ontwerp. In je eerste post staat er en link naartoe.

Het menu wordt in beide juist anders weergegeven, niet hetzelfde.

Daardoor werkt de stylesheet wel in het origineel en niet in je template.

De stylesheet zal dus aangepast moeten worden.

[MDK]

Dat is het juist, er zit qua opmaak of zo geen verschil, ik dacht altijd dat de menu tag verkeerd werd plaatst maar ik heb veel geprobeerd maar geen resultaat.

Constant wordt de submenu aangemaakt ipv normale dus het is een beetje vreemd.

[timdebuurman]

Is er een mogelijkheid om "mee te kijken"?

[MDK]

Je hebt een pm.

[timdebuurman]

MDK,

Om niet alle styles aan te moeten passen, kun je het beste het volgende doen:

In je template, verander dit:

Code: Select all

<div class="nav-container">
            <nav>

                <ul class="sf-menu">

                    <li class="current"><a href="" class="home-link"><span class="home-link-bg"></span><em></em></a>
{menu number_of_levels="2" template="minimal_menu.tpl"}
</li>
</ul>

                <div class="clear"></div>
            </nav>   
         
        </div>

In dit:

Code: Select all

<div class="nav-container">
            <nav>


{menu number_of_levels="2" template="minimal_menu.tpl"}


                <div class="clear"></div>
            </nav>   
         
        </div>

In de menutemplate verander je op de 6e regel van boven dit:
<ul class="clearfix">

in dit:
<ul class="clearfix sf-menu">

Enige is dat je het kleine blokje links naast het menu mist, maar op deze manier werkt het menu verder goed.
Gewoon met 2 (of meer) levels.

[MDK]

Tim thnx man. Dat was de oplossing !