Can I center the pages menu? Andreas09

  • Author
    Posts
  • #137195

    warvictims
    Member

    Is there a way to center the menu (default is HOME but I’ve added several pages to my own)?

    I assume I would have to change the CSS for this. I managed to get a header on (I’ve since taken it down for the time being) so it has to be possible to do this…?

    Here’s the part of the style sheet that has the menu:

    #mainmenu {
    clear:both;
    width:100%;
    margin:0;
    padding:0;
    }
    
    #mainmenu ul.level1 {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    }
    
    #mainmenu ul {
    background:#b0b0b0 url('http://warvictims.files.wordpress.com/2007/08/menubg1.png') center left repeat-x;
    border-bottom:1px solid #fff;
    margin:0;
    padding:0 0 0 5px;
    }
    
    #mainmenu li {
    display:inline;
    line-height:25px;
    margin-left:-4px;
    font-size:0.9em;
    list-style:none;
    text-transform:uppercase;
    padding:0;
    }
    
    #mainmenu a {
    text-decoration:none;
    border-right:1px solid #B0B0B0;
    padding:6px 9px;
    }
    
    #mainmenu li.current a {
    color:#000;
    }
    #137340

    options
    Member

    append ‘text-align: center’ rule for the ‘#mainmenu ul’ selector:

    #mainmenu ul { text-align: center }

    not sure if this what you really want to, though.

    also you’d better post CSS related questions into CSS forum.

The topic ‘Can I center the pages menu? Andreas09’ is closed to new replies.