sprymenu werkt niet

[niko26]

Ik heb een sprymenu gemaakt maar die werkt niet goed.Als ik hem test in de voorvertoning browser kan ik op 1 menu item klikken en die zie je dan ook en dan staat het menu vast.Ook de vervolg items werken niet dus item 1.1 en dan 1.1.1.
Je bent toch niet verplicht om een sprymenu om te zetten naar een bibliotheekitem?Wie heeft er een oplossing?

<div class="sidebar1">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html">Home</a> </li>
<li><a href="agenda.html">Agenda</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Spelregels</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="spelregelsgoldenclassic.html">Golden Classic</a>
<ul>
<li><a href="#">Reglement Golden Classic</a></li>
</ul>
</li>
<li><a href="spelregelsmiddagfond.html" class="MenuBarItemSubmenu">Mid/dagfond</a>
<ul>
<li><a href="#">Reglement Mid/dagfond</a></li>
</ul>
</li>
<li><a href="spelregelsjongeduivencompetitie.html" class="MenuBarItemSubmenu">Jonge duiven</a>
<ul>
<li><a href="#">Reglement Jonge duiven</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Uitslagen</a>
<ul>
<li><a href="#">Golden Classic</a></li>
<li><a href="#">Midfond competitie</a></li>
<li><a href="#">Dagfond competitie</a></li>
<li><a href="#">Jonge duiven competitie</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Archief</a>
<ul>
<li><a href="feestavond2012.html">Feestavond 2012</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- end .sidebar1 --></div>
<div class="content">

 

[csshunter]

Hoi Niko,
Welkom op het forum!

Als ik de html-code even netjes ingesprongen opschrijf:

<ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="index.html">Home</a></li>
    <li><a href="agenda.html">Agenda</a></li>
    <li><a class="MenuBarItemSubmenu" href="#">Spelregels</a>
        <ul>
            <li><a class="MenuBarItemSubmenu" href="spelregelsgoldenclassic.html">Golden Classic</a>
                <ul>
                    <li><a href="#">Reglement Golden Classic</a></li>
                </ul>
            </li>
            <li><a href="spelregelsmiddagfond.html" class="MenuBarItemSubmenu">Mid/dagfond</a>
                <ul>
                    <li><a href="#">Reglement Mid/dagfond</a></li>
                </ul>
            </li>
            <li><a href="spelregelsjongeduivencompetitie.html" class="MenuBarItemSubmenu">Jonge duiven</a>
                <ul>
                    <li><a href="#">Reglement Jonge duiven</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Uitslagen</a>
        <ul>
            <li><a href="#">Golden Classic</a></li>
            <li><a href="#">Midfond competitie</a></li>
            <li><a href="#">Dagfond competitie</a></li>
            <li><a href="#">Jonge duiven competitie</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Archief</a>
        <ul>
            <li><a href="feestavond2012.html">Feestavond 2012</a></li>
        </ul>
    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>

... lijkt daar op het oog niets mis mee.
Maar een Spry-menu bestaat niet alleen uit de html, er zit ook een sprymenu-stylesheet en een sprymenu-javascript aan vast.
Die moeten ook kloppen, en in de html correct worden aangeroepen.

In je bovenstaande code is dat niet te zien, dus het is eigenlijk ook onmogelijk om te zeggen wat er mis gaat in jouw geval.
Kan je een testpagina online zetten, waar alles in zit?

Met vriendelijke groet,
CSShunter

 

[niko26]

Beste Csshunter,

Ik ga je tips nakijken maar ik heb de website op internet gezet adres www.clubm-e-d.nl

Alvast bedankt
Niko

 

[csshunter]

Hoi Nico,
Ik zie het Spry-menu op zich goed werken: de uitklappers en (sub)sumenu's komen goed te voorschijn.

Wat nog niet goed werkt is het doorklikken, maar dat klopt.
Op de homepage staat een #MenuBar1 die begint met:

<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
      <li><a href="agenda2.html">Agenda</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Spelregels</a>
enz.
      <li><a href="contact.html">Contact</a></li>
</ul>

Vanuit de homepage kan je dus "Agenda", "Home" (= zichzelf) en "Contact" aanklikken, die werken.
Alle andere pagina-links zijn nog leeg: <a href="#">. Die werken niet.

Op de pagina Agenda (agenda2.html) staat echter een ander menu #MenuBar1! Hier staat er:

<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a></li>
      <li><a href="#">Agenda</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Spelregels</a>
enz.

Hier zijn alle links (op 1 na) nog niet ingevuld > dus je kunt niet meer van de Agenda-pagina af komen.
Die ene is de link naar de Feestavond 2012, maar die is nog niet geüpload.

De pagina Contact heeft hetzelfde menu als de pagina Agenda: daar kom je dus ook niet meer weg.

Ergens in Dreamweaver moet de mogelijkheid zitten om één menu geldig te laten zijn voor alle pagina's tegelijk, dan hoef je het maar 1 keer in te vullen. Waarschijnlijk gaat dat via opnemen van het menu in het Dreamweaver-template.
Hoe dat precies moet weet ik niet, want ik heb geen Dreamweaver.

Met vriendelijke groet,
CSShunter

 

[niko26]

Beste,


Ik denk dat ik net aan het uploaden was toen jij een reactie gaf.
Ik heb een template gemaakt, naar aanleiding van jou eerdere reactie, van het sprymenu en volgens mijn werkt de site nu goed.

Niko.

 

[csshunter]

Ja, nu kan je heen en weer rangeren tussen de pagina's die al bestaan. :thumb:
Ik zou er nog even in de css bij zetten:

html {
    height: 100%;
    padding-bottom: 1px;
    }

Dan heb je geen last van een Links/Rechts heen en weer springende pagina (in Firefox, Chrome, Opera en Safari) als je wisselt tussen een korte pagina en een pagina met veel inhoud.

Met vriendelijke groet,
CSShunter

 

[niko26]

Beste Csshunter,

Ik weet dat er grafisch nog wat moet gebeuren, daar ga ik nu aan werken maar bedankt voor alle tips.

Niko