Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Verspringende menubalk

mikesmikkel
2 antwoorden
  • Hallo iedereen

    Ik heb voor mijn vakantiewerk een site gemaakt, namelijk http://make-up-at-home.be.
    Nu, door enkele vertragingen (klant moest nog vanalles bepalen) kon ik de site pas twee weken geleden uploaden.
    Nu wou de klant ineens het menu een fixed positie geven, net zoals ik al bij de footer had gedaan.
    Ik heb dit dus niet in de productie versie gedaan, maar in de testversie op http://make-up-at-home.netii.net
    Ik gaf het menu, #access, dus volgende stijl

    [code:1:d5b51551cb]
    #access{
    ….
    position:fixed;
    width:100%;
    ….
    }
    [/code:1:d5b51551cb]

    Nu, wat er gebeurde was niet helemaal wat ik verwacht had…
    1. Ik weet dat het menu nog geen achtergrond heeft.
    2. Ik weet ook dat ik het logo nog een marge moet geven.

    Normaal zou je verwachten dat het element helemaal vanboven komt te staan, maar dit was niet het geval. Er zit namelijk een gap van 15px tussen de bovenkant en het menu. Ik wou top:0 toevoegen, maar dit ging niet, omdat de site in wordpress gemaakt is, en dan de menubalk verdwijnt onder het administrator-menu.

    Het effect is enkel zichtbaar wanneer je de pagina opent, en daarna op herladen klikt. Wanneer je over bijvoorbeeld de link "diensten" hovert, verdwijnt het probleem weer even snel als het gekomen is.

    Alvast bedankt voor jullie hulp,
    Mike Neyens
  • Ik denk dat je bij #access .children{ en bij #access a{ moet wezen om de margin en padding goed te krijgen.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.