Support » CSS / opmaak vragen » Prana menu centreren

  • Opgelost DiscoMondays

    (@discomondays)


    Ik gebruik het thema prana op http://discomondays.com en ik wil graag mijn menu centreren. In style.css kan ik wel van links naar rechts aanpassen in dit stukje code:

    .menu ul li {
    	float: left;
    	position: relative;
    	word-wrap: break-word;

    Maar als ik ‘center’ typ waar ‘left’ staat, komen alle menukopjes onder elkaar te staan. Als ik bij postion ‘absolute’ typ, dan komen alle kopjes links te staan, bovenop elkaar.

    Hoe moet ik dit aanpassen?

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • float: center is geen geaccepteerde css. Ook moet je niet het list-element targetten, maar de div’s daaromheen, te weten .menu en #nav. Je moet de div .menu tot inline-block-element ‘bombarderen’ om met text-align: center gekoppeld aan #nav deze div te centreren. (wat een geek-speak, sorry!)

    #nav {
    text-align: center;
    }
    
    .menu {
    display: inline-block;
    }

    Succes!

    groet,
    Lianne Lambregts

    Yes, het werkt! Heel erg bedankt voor de geek-speak 🙂

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Prana menu centreren’ is gesloten voor nieuwe reacties.