Auteur Topic: [css] horizontale ul menu centreren  (gelezen 1113 keer)

0 leden en 1 gast bekijken dit topic.

xvilo

  • Global Moderator
  • Verslaafd DigitalPlace Lid
  • *****
  • Berichten: 2675
  • Karma: -44
    • Bekijk profiel
    • http://www.xvilo.com
[css] horizontale ul menu centreren
« Gepost op: april 04, 2013, 10:19:30 am »
  • [+1]0
  • [-1]0
  • Hallo [you],

    Ik ben even bandwidth besparend geweest, maar moet toch nog even wat verspillen :P
    Ik heb een horizontale menu (ja robin, met[icode:5c2bp0xz]ul[/icode:5c2bp0xz] en [icode:5c2bp0xz]li's[/icode:5c2bp0xz])
    Nu wil ik hem graag centreren. Ik krijg het niet voor elkaar, kan iemand het mij uitleggen?

    Dit is de html code van het menu:
    <ul>
         <li class="fontEraserRegular"><a href="#">Home</a></li>
         <li class="fontEraserRegular"><a href="#">Over</a></li>
         <li class="fontEraserRegular"><a href="#">Beeldend werk</a></li>
         <li class="fontEraserRegular"><a href="#">Exposities</a></li>
         <li class="fontEraserRegular"><a href="#">Contact</a></li>
    </ul>

    En dit is mijn CSS code:
    /* menu */
    .header ul
    {
    width: 100%;
    list-style-type: none;
    position: absolute;
    bottom: 50px;
    left: -26px;
    }
    .header a
    {
    width:6em;
    text-decoration:none;
    color:white;
    padding:0.2em 0.6em;
    margin:auto 0;
    }
    .header a:hover {}
    li {display:inline;}
    .header .wrapper {
    display:inline;
    margin:0 auto;
    }

    Alvast bedankt en een dikke knuffel

    //xvilo
    « Laatst bewerkt op: januari 01, 1970, 01:00:00 am door Guest »


    Thumb

    • DigitalPlace Guru
    • ****
    • Berichten: 3245
    • Karma: 65
      • Bekijk profiel
      • http://www.jeroendj.nl
    Re: [css] horizontale ul menu centreren
    « Reactie #1 Gepost op: april 04, 2013, 12:19:24 pm »
  • [+1]0
  • [-1]0
  • [s:2cj6vvxc]als je gen [icode:2cj6vvxc]position: absolute[/icode:2cj6vvxc] gebruikt kan je gewoon [icode:2cj6vvxc]margin: 0 auto auto;[/icode:2cj6vvxc] gebruiken.plaats anders ff een fiddle voorbeeld.[/s:2cj6vvxc]
    gebruik anders maar gewoon [icode:2cj6vvxc]text-align: center[/icode:2cj6vvxc]. voorbeeld: http://jsfiddle.net/9PgRy/
    « Laatst bewerkt op: januari 01, 1970, 01:00:00 am door Guest »

    Robin

    • Administrator
    • DigitalPlace Guru
    • *****
    • Berichten: 3158
    • Karma: 145
      • Bekijk profiel
      • http://www.robinj.be/
    Re: [css] horizontale ul menu centreren
    « Reactie #2 Gepost op: april 04, 2013, 12:24:19 pm »
  • [+1]0
  • [-1]0
  • [icode:1lglhqk3]ul { text-align: center; }[/icode:1lglhqk3]
    « Laatst bewerkt op: januari 01, 1970, 01:00:00 am door Guest »
    >><<