Need help with centering.

Forums Forums Menus Need help with centering.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1467
    Hallon83
    Member

    Hi. Thanks for a wonderful menu, i have a problem. I cant seem to find out how to get the text to be in in center.
    The adress is http://www.tipzys.se[/url:3eeam26b%5D

    Im adding the whole css file.
    I have searched the forum but couldnt understand what i am suposed to do.

    Grateful for responses, thanks.
    [code:3eeam26b]#pixopoint_menu1 {
    width:920px;
    height:35px;
    background:#dce0fe;
    background-position:50% 0;
    margin:auto;
    }
    #pixopoint_menu1 ul {
    width:100%;
    border:none;
    background:none;
    margin:0;
    padding:0;
    list-style:none;
    }
    #pixopoint_menu1 li {
    border:none;
    background:none;
    background:#dce0fe;
    color:#000000;
    line-height:35px;
    z-index:20;
    letter-spacing:0px;
    background:;
    font-weight:bold;
    font-size:16px;
    padding:0;
            margin:0;
    float:left;
    font-family:tahoma,sans-serif;
    position:relative;
    }
    #pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
    background:#5775d5;
    background-position:0 60px;
    }
    #pixopoint_menu1 li a {
    border:none;
    background:none;
    text-decoration:none;
    display:block;
    padding:0 8px;
    color:#000000;
    }
    #pixopoint_menu1 li a:hover {
    border:none;
    background:none;
    text-decoration:none;
    color:#000000;
    background-position:100% -120px;
    }
    #pixopoint_menu1 ul ul {
    position:absolute;
    left:-999em;
    top:35px;
    width:120px;
    }
    #pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
    left:auto;
    }
    #pixopoint_menu1 ul ul li a {
    padding:4px 10px;
    text-transform:normal;
    font-variant:normal;
    }
    #pixopoint_menu1 ul ul li {
    letter-spacing:0px;
    color:#000000;
    z-index:20;
    width:120px;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    font-style:normal;
    background:#dce0fe;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    margin:0;
    }
    #pixopoint_menu1 ul ul li a {
    line-height:22px;
    color:#000000;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
    color:#000000;
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    color:#000000;
    }
    #pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
    color:#000000;
    }
    #pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
    color:#000000;
    background:#5775d5;
    }
    #pixopoint_menu1 ul ul ul li {
    font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
    position:absolute;
    margin-left:-999em;
    top:0;
    width:120px;
    }
    #pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
    margin-left:120px;
    }
    #pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
    text-decoration:none;
    }
    #pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
    color:#000000;
    text-decoration:none;
    }
    #pixopoint_menu1 li.pixo_search:hover {
    background:none;
    }
    #pixopoint_menu1 li.pixo_search form {
    margin:0;
    padding:0;
    }
    #pixopoint_menu1 li.pixo_search input {
    font-family:tahoma,sans-serif;}
    #pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
    width:100px;
    }
    #pixopoint_menu1 li.pixo_right {
    float:right;
    }[/code:3eeam26b]

    #8605

    Just apply text-align:center to the second level list item and they should align to the center.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.