css - Navigation list is not centering properly -


i'm learning how code wordpress themes currently, , i'm having trouble centering navigation menu. moves far right. have included image illustrate problem code have presented.

here link screenshot of problem: http://i59.tinypic.com/8z1m2o.png

body { font-family: arial, 'helvetica neue', helvetica, sans-serif; font-size: 14px; color: #333; }  a:link, a:visited {     color: #000;     text-decoration: none; }  p {     line-height: 14px; }  /* general layout */ div.container{     max-width: 960px;     margin: 0 auto;     padding-left: 20px;     padding-right: 20px; }  article.post {     border-bottom: 1px solid #bbbbbb; }  article.post:last-of-type{     border-bottom: none; }  /* header */ .site-header {     border-bottom: 2px solid #999;     padding-top: 10px; }  /* footer */ .site-footer {     margin-top: 0px;     border-top: 2px solid #999;     margin-left: auto;     margin-right: auto; }  /* navigation */ .site-nav {     position: fixed;     left:50%; }  .site-nav ul{     background-color: rgba(255,255,255,0.8);     padding: 0px;     margin: 0px; }  .site-nav ul li{     text-align: center;     display: inline-block;     overflow:hidden;     text-decoration: none;     margin-right: 10px;     padding-right: 10px;     border-right: 1px solid #ddd; }  .site-nav ul li:last-of-type {     border-right: none; }

.site-nav has position: fixed, left: 50% left side of element positioned in middle of screen. remove rule or give element margin-left: -x x equal half of .site-nav's width if must use fixed positioning.


Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more