Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Junior Member
    Join Date
    Apr 2010
    Posts
    1
    Member #
    21592
    Hi I was wondering if anyone could help me i am trying to center the primary menu on my website i have been through the css style sheet and changed all options text align center, float center etc but none of that worked. Can anyone advise me please i am tearing out what is left of my hair.

    Thanks in advance

    tim

    body
    {
    margin: 0 auto;
    padding: 0;
    background-color: #FFFFFF;
    }

    #art-main
    {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    }





    #art-page-background-simple-gradient
    {
    position: absolute;
    background-image: url('images/Page-BgSimpleGradient.jpg');
    background-repeat: repeat-x;
    top:0;
    width: 100%;
    height: 500px;
    }

    .cleared
    {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size:1px;
    }


    form
    {
    padding:0 !important;
    margin:0 !important;
    }

    table.position
    {
    position: relative;
    width: 100%;
    table-layout: fixed;
    }
    /* end Page */

    /* begin Box, Sheet */
    .art-Sheet
    {
    position:relative;
    z-index:0;
    margin:0 auto;
    width: 1000px;
    min-width:1px;
    min-height:1px;
    }

    .art-Sheet-body
    {
    position: relative;
    z-index:1;
    padding: 0px;
    }

    .art-Sheet-cc
    {
    position:absolute;
    z-index:-1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #E8E8E8;
    }


    .art-Sheet
    {
    margin-top: 0px !important;
    }

    #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
    {
    min-width:1000px;
    }

    /* end Box, Sheet */

    /* begin Header */
    div.art-Header
    {
    margin: 0 auto;
    position: relative;
    z-index:0;
    width: 1000px;
    height: 200px;
    }


    div.art-Header-jpeg
    {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 1000px;
    height: 200px;
    background-image: url('images/Header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */

    /* begin Menu */
    /* menu structure */

    .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
    {
    text-align:left;
    text-decoration:none;
    float: left;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
    }

    .art-menu, .art-menu ul
    {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    }

    .art-menu li
    {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background:none;
    }

    .art-menu li:hover
    {
    z-index: 10000;
    white-space: normal;
    }

    .art-menu li li
    {
    float: none;
    }

    .art-menu ul
    {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background:none;
    }

    .art-menu li:hover>ul
    {
    visibility: visible;
    top: 100%;
    }

    .art-menu li li:hover>ul
    {
    top: 0;
    left: 100%;
    }

    .art-menu:after, .art-menu ul:after
    {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
    }
    .art-menu, .art-menu ul
    {
    min-height: 0;
    }

    .art-menu ul
    {
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
    }

    .art-menu ul ul
    {
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
    }





    /* menu structure */

    .art-menu
    {
    padding: 6px 6px 6px 6px;
    }

    .art-nav
    {
    position: relative;
    height: 45px;
    z-index: 100;
    }

    .art-nav .l, .art-nav .r
    {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 45px;
    background-image: url('images/nav.png');
    }

    .art-nav .l
    {
    left: 0;
    right:0px;
    }

    .art-nav .r
    {
    right: 0;
    width: 1000px;
    clip: rect(auto, auto, auto, 1000px);
    }


    /* end Menu */

    /* begin MenuItem */
    .art-menu ul li
    {
    clear: both;
    }

    .art-menu a
    {
    position:relative;
    display: block;
    overflow:hidden;
    height: 33px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 2px;
    margin-left: 2px;
    }


    .art-menu a .r, .art-menu a .l
    {
    position:absolute;
    display: block;
    top:0;
    z-index:-1;
    height: 99px;
    background-image: url('images/MenuItem.png');
    }

    .art-menu a .l
    {
    left:0;
    right:3px;
    }

    .art-menu a .r
    {
    width:406px;
    right:0;
    clip: rect(auto, auto, auto, 403px);
    }

    .art-menu a .t
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 0 19px;
    margin: 0 3px;
    line-height: 33px;
    text-align: center;
    }

    .art-menu a:hover .l, .art-menu a:hover .r
    {
    top:-33px;
    }

    .art-menu li:hover>a .l, .art-menu li:hover>a .r
    {
    top:-33px;
    }

    .art-menu li:hover a .l, .art-menu li:hover a .r
    {
    top:-33px;
    }
    .art-menu a:hover .t
    {
    color: #FFFFFF;
    }

    .art-menu li:hover a .t
    {
    color: #FFFFFF;
    }

    .art-menu li:hover>a .t
    {
    color: #FFFFFF;
    }


    .art-menu a.active .l, .art-menu a.active .r
    {
    top: -66px;
    }

    .art-menu a.active .t
    {
    color: #FFFFFF;
    }


    /* end MenuItem */

    /* begin MenuSeparator */
    .art-nav .art-menu-separator
    {
    display: block;
    width: 1px;
    height: 33px;
    background-image: url('images/MenuSeparator.png');
    }

    /* end MenuSeparator */

    /* begin MenuSubItem */
    .art-menu ul a
    {
    display:block;
    text-align: center;
    white-space: nowrap;
    height: 26px;
    width: 180px;
    overflow:hidden;
    line-height: 26px;
    margin-right: auto;


    background-image: url('images/subitem-bg.png');
    background-position: left top;
    background-repeat: repeat-x;
    border-width: 0px;
    border-style: solid;
    }

    .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
    }

    .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    text-align: left;
    text-indent: 12px;
    text-decoration: none;
    line-height: 26px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    }

    .art-menu ul ul a
    {
    margin-left: auto;
    }

    .art-menu ul li a:hover
    {
    color: #FFFFFF;
    background-position: 0 -26px;
    }

    .art-menu ul li:hover>a
    {
    color: #FFFFFF;
    background-position: 0 -26px;
    }

    .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
    {
    color: #FFFFFF;
    }

    .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
    {
    color: #FFFFFF;
    }


    /* end MenuSubItem */

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:57 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com