[HTML] of [CSS] Krijg het even niet voor elkaar...

carlos

Beste Leden,

Ik ben een beginnende website bouwer, en ik oefen op dit moment nog met free templates. Ik ben nu bezig met een website, met een paar pagina's.

Ik loop tegen een probleem aan.

Ik heb het menu uitgebreid, en hernoemt. Tot zover goed. Alleen al ik nu op bijvoorbeeld over klik, dan wordt het menu wit, en schakelt hij niet over naar de pagina die ik wil. Daarna kan ik ook niet terug en lijkt hij vast te lopen. Ik kan ook de verwijzing niet vinden in de code. Ik begrijp dat er in de index code een aantal sectie's bij moeten, maar gezien ik beginnend ben, loop ik hier nu vast. Ik wil dan ook graag jullie professionele hulp vragen!

Kunnen jullie mij vertellen, waar het fout gaat, en wat ik moet doen...?

Hartstikke bedankt alvast! en mijn excuses als dit bericht fout staat.

Groet. C.

ReneV

Helaas is bij de verandering van je menu het niet helemaal goed gegaan!
Dit is het origineel:

 <ul id="menu-list">
                    <li class="active home-menu"><a href="#home">Home</a></li>
                    <li class="about-menu"><a href="#about">About Us</a></li>
                    <li class="services-menu"><a href="#services">Our Services</a></li>
                    <li class="testimonial-menu"><a href="#testimonial">Testimonials</a></li>
                    <li class="contact-menu"><a href="#contact">Contact</a></li>
                </ul>

Zoals je ziet heeft iedere li class een eigen naam, dit is bij jou het probleem doordat je meerdere li tags gebruikt met de zelfde class "naam".
Als je dan verwijst naar een gedeelte in je pagina, bijvoorbeeld #about zorg dan dat er een sectie is met #about-text id

nuet

Kijk even naar je menulist en naar de sections:

                    <li class="active home-menu"><a href="#home">Home</a></li>
              

<section id="home-text" class="active templatemo-content-section">

Je ziet dat het woord home in de lists terugkomt in de id van de sectie (id="home-text")
Zo gaat dat ook met about:

<li class="about-menu"><a href="#about">Voorstellen</a></li>

<section id="about-text" class="inactive">

Bij de list "Over Fenelien" staat:

<li class="services-menu"><a href="#over">Over Fienelien</a></li>

en in de sectie:

<section id="services-text" class="inactive">

Maw: de id's komen niet meer overeen; het moet dus worden:

<li class="services-menu"><a href="#services">Over Fienelien</a></li>

met

<section id="services-text" class="inactive">

carlos

Hallo Rene,

Thanks man! Hier heb ik wat aan!
Goed bezig!

carlos

Hi Rene,

Ik heb nog een kleine issue. Ik heb het bovenstaande opgelost.
Alleen als ik nu in menu klik op Inschrijven en contact...Dan is inschrijven met google kaartje, en contact niet.
Dit moet juist andersom zijn.... Ik weet geloof ik dat het te maken heeft met de div id, maar ik heb die al aangepast, maar dit doet niets...
Ik kan de code ook omdraaien, maar t kan ook op de juiste echte manier...

Wat gaat hier nu niet goed? Thanks man!

Greetz, Carlos!

nuet

stukje code uit index.html:
De div met id map-canvas moet eruit hieronder

 <section id="inschrijven-text" class="inactive">
                            <div class="col-sm-12 col-md-12">
                                <div class="row">
                                    <div class="col-sm-12 col-md-12"><h2>Inschrijven</h2></div>
                                    <div class="clearfix"></div>
                                </div>
                                
                                <div class="row">
                                    <div class="col-sm-6 col-md-6">
                                        <div id="map-canvas"></div> <!-- deze div eruit halen -->
                                        <p>120 Aenean quis semper. Maecenas adipiscing, facilisis tempor, mi quam feugiat 10450</p>
                                    </div>

die div met zelfde id staat ook al in sectie contact-text iets lager, id namen zijn uniek en mogen maart 1 keer gebruikt worden

carlos

Ik schaam mij een beetje om dit te vragen, echte beginners vragen, right?

Maar wel enorm bedankt! Aan deze tips heb ik echt wat! Meen ik!

Super! Hulp... Greetz!

nuet

ach, het gaat erom dat je geholpen bent en dat je er iets van opsteeekt, iedereen is ooit moeten beginnen en heeft fouten gemaakt

carlos

Top man! Dat is waar... Je bent een waardevolle toevoeging voor dit forum!
De meeste forums onderbouwen niets! Hier hebben mensen wat aan!
Goed bezig kerel! Waardeer ik!
Greetz, Carlos

ReneV

nuet schreef: Kijk even naar je menulist en naar de sections:

Die -text wordt in javascript aangepast