Thread: CSSMenu Help

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    1
    Rep Power
    0

    CSSMenu Help


    My css menu won't center, can i get some help from you guys?

    Code:
    body { margin:114px 0 0 0; line-height:16px; font-family: Tahoma, Arial; background: url(images/body_top_bckg.jpg) no-repeat center top #171c20; color:#bed7e6; font-size:11px;} a { color:#018BC1;} a:hover { text-decoration:none;} #header {} #logo { padding:30px 0 120px 0;color:#fff; text-align:center;} #logo a{ color:#fff; text-decoration:none; font-weight:bold; font-size:24px; text-transform:uppercase; } #main {background: url(images/body_all_bckg.jpg) repeat-y top center;} #content {width:780px; margin:0 auto;} #text { width:520px;} #text p { margin:7px 0 7px 0;} #text li {background:url(images/li.gif) no-repeat 0px 7px;} #sidebar {float:right; width:227px; background-color:#0b0e10; margin:10px 10px 0 0; } #sidebar_top { width:227px; height:40px; background:url(images/sidebar_top.jpg) no-repeat;} #sidebar_text { padding: 0 30px;} #sidebar_text p { margin:5px 0 5px 0;} #sidebar_bottom { width:227px; height:57px; background:url(images/sidebar_bottom.jpg) no-repeat;} #sidebar h2 { font-size:13px; text-transform:uppercase; color:#fff; margin:20px 0 0 0; padding:0; background:none;} h1 {margin:30px 0 0 0; padding:5px 0 7px 45px; text-transform:uppercase; font-size:24px; color:#fff; background:url(images/h1_bckg.jpg) no-repeat;} #footer {background:url(images/footer_bckg.jpg) no-repeat top center; height:102px; clear:both; width:780px; margin:0 auto; } #left_footer { float:left; padding:60px 0 0 30px; color:#fff; font-size:12px;} #left_footer a { color:#fff;} #left_footer a:hover { text-decoration:none;} #right_footer { float:right; padding:60px 30px 0 0; color:#fff; font-size:12px; text-align:right;} #right_footer a { color:#fff;} #right_footer a:hover { text-decoration:none;} #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { color: #ffffff; display: inline-block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-size: 12px; min-width: 35px; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 #333333; } #cssmenu ul { list-style: none; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li.active a { background: #646464 url(images/grad_dark.png) repeat-x left bottom; background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a)); background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0); box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222; -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222; -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222; filter: none; } #cssmenu > ul > li.active a:hover { background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a)); background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%); background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0); filter: none; } #cssmenu > ul > li a { box-shadow: inset 0 0 0 1px #8a8a8a; -moz-box-shadow: inset 0 0 0 1px #8a8a8a; -webkit-box-shadow: inset 0 0 0 1px #8a8a8a; background: #4a4a4a url(images/grad_dark.png) repeat-x left top; background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878)); background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%); background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%); background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%); background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0); border-bottom: 1px solid #5d5d5d; border-top: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d; line-height: 34px; padding: 0 35px; filter: none; } #cssmenu > ul > li a:hover { background: #8a8a8a url(images/grad_dark.png) repeat-x left bottom; background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252)); background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%); background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%); background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%); background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0); filter: none; } #cssmenu > ul > li:first-child a { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-left: 1px solid #5d5d5d; } #cssmenu > ul > li:last-child a { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } #cssmenu .has-sub:hover ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; top: 36px; left: -1px; min-width: 100%; text-align: center; /* IE7 */ *width: 100%; } #cssmenu .has-sub ul li { text-align: center; } #cssmenu .has-sub ul li a { border-top: 0 none; border-left: 1px solid #5d5d5d; display: block; line-height: 120%; padding: 9px 5px; text-align: center; }
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    13
    Rep Power
    0
    you will need to provide more information. won't center in which direction, horizontally or vertically? please provide the css for the parent element as well.

IMN logo majestic logo threadwatch logo seochat tools logo