CSS úprava

11. 7. 2012 14:18:14

Zdravím,

mám tu menší problém s úpravou CSS kódu. Mám na stránkách horizontální menu, ale jeho položky se mi zarovnávají doleva a já chci, aby byly uprostřed.

Přidal jsem tam jednoduše "text-align: center;", ale nic se nezměnilo. Pomohl by někdo, prosím?

div#main_navi{
	background-color: #ffffff;
	background-image: url(images/menubg.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 30px;
	height: 40px;
	width: 960px;
	line-height: 40px;
        text-align: center;
	}
	div#main_navi ul.left{
		float: left;
		list-style-type: none;
		padding: 2px 0 0 10px;
		width: 750px;
                text-align: left;
		}
		div#main_navi ul li{
			/*width: 20px;*/
			position: relative;
			float: left;
			text-transform: uppercase;
			}
			div#main_navi ul.left li a{
				float: left;
				overflow: hidden;
				color: #000000;
				font-size: 13px;
				line-height: 18px;
				margin: 0 15px 0 15px;
				padding: 8px 4px;
                                text-align: center;
				}
			div#main_navi ul.left li a:hover{
				color: #000000;
				text-decoration: underline;
				}
	/*---------------------header dropdown menu 20090803---------------------------------------*/
			div#main_navi ul.left li ul{
				display: none;
				position: absolute;
				left: 0;
				width: 125px;
				margin-top: 33px;
				padding: 0 3px;
				height: auto;
				background-color: #111;
				border: 1px solid #2d2c2c;
				border-top: 0;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				}
			div#main_navi ul.left li ul li{
				width: 125px;
				overflow: hidden;
				}
			div#main_navi ul.left li ul li a{
				font-size: 12px;
				padding: 3px 6px;
				margin: 0 2px;
				}
		/*---------------------header dropdown menu 20090803---------------------------------------*/
	div#main_navi ul.right{
		float: right;
		list-style-type: none;
		padding: 9px 10px 0 0;
		}
		div#main_navi ul.right li a{
				float: left;
				overflow: hidden;
				color: #fff;
				font-size: 12px;
				line-height: 20px;
				margin: 0 0 0 10px;
				text-transform: uppercase;
				}
			div#main_navi ul.right li.twitter a{
				background: url(images/twitter.gif) no-repeat 0 3px;
				padding-left: 21px;
				}
			div#main_navi ul.right li.twitter a:hover{
				color: #0af;
				}
			div#main_navi ul.right li.feed a{
				background: url(images/feed.gif) no-repeat 0 5px;
				padding-left: 15px;
				}
			div#main_navi ul.right li.feed a:hover{
				color: #ff5a00;
				}

11. 7. 2012 14:18:14