Помощь Как сделать пункты меню по центру

PRUDNIKOV · 16 Янв 2010

Использую WP с темой Pyrmont V2.. Сайт посмотреть можно Для просмотра ссылки Войди или Зарегистрируйся
Переделал чуть меню, сделал ещё одну строчку, всего получилось 2е строчки в меню. Мне нужно что бы все пункты моего меню располагались по центру а не слева..

Перепробовал все!!!
Пожалуйста на сколько это возможно по подробнее!!!

t3s · 17 Янв 2010

есть несколько вариантов, но наиболее простым мне кажется будет помещение списка (ведь ваше меню - это список ul с классом left) в дополнительный блок-контейнер, а уже этот блок отцентрировать...

PRUDNIKOV · 17 Янв 2010

t3s написал(а):
есть несколько вариантов, но наиболее простым мне кажется будет помещение списка (ведь ваше меню - это список ul с классом left) в дополнительный блок-контейнер, а уже этот блок отцентрировать...

Я вроде так делал это как просил же по подробнее..
мой style.css:

PHP:

/*
Theme Name: Pyrmont V2
Theme URI: http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html
Description: A dark WordPress theme. Build in links and archives pages. Widget support. The theme is released under GPL.
Version: 2.0.7
Author: motta
Author URI: http://imotta.cn/
Tags: black, dark, two-columns, fixed-width, threaded-comments, sticky-post
*/
/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	margin: 0;
	padding: 0;
}
body{
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
	background-color: #121315;
}
a{
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	border: none;
}
a img{
	border: none;
}
.clear{
	clear: both;
}
div#page_wrap{
	width: 960px;
	margin: 0 auto;
	background: url(/wp-content/themes/pyrmont-v2/images/bg.jpg) no-repeat;
}
div#header{
	font-size: 12px;
	}
	div#header div.blog_title{
		float: left;
		margin-top: 50px;
		margin-left: 10px;
		}
		div#header div.blog_title h1 a{
			font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
			font-weight: bold;
			letter-spacing: -1px;
			font-size: 36px;
			color: #fff;
			line-height: 45px;
			display: block;
			}
		div#header div.blog_title p.description{
			color: #999;
			margin-top: 10px;
			margin-left: 5px;
			}
	div#header div#search{
		border: none;
		float: right;
		position: relative;
		}
		div#header div#search form#searchform{
			position: absolute;
			top: 65px;
			right: 10px;
			width: 200px;
			height: 25px;
			border: none;
			background-color: #fff;
			}
			div#header div#search form#searchform .searchinput{
				position: absolute;
				top: 5px;
				left: 8px;
				color: #666;
				font-size: 13px;
				width: 165px;
				border: 0;
				}
			div#header div#search form#searchform .button{
				position: absolute;
				top: 0px;
				left: 175px;
				background: url(images/mag.gif) no-repeat;
				height: 25px;
				width: 25px;
				border: 0;
				cursor: pointer;
				}
div#main_navi{
	background: url(images/navi.gif) no-repeat;
	float: left;
	margin-top: 30px;
	height: 74px;
	width: 960px;
	}
	div#main_navi ul.left{
		float: left;
		list-style-type: none;
		padding: 2px 0 0 10px;
		width: auto;
		}
		div#main_navi ul li{
			position: relative;
			float: left;
			text-transform: uppercase;
			}
			div#main_navi ul.left li a{
				float: left;
				overflow: hidden;
				color: #ccc;
				font-size: 13px;
				line-height: 18px;
				margin: 0 15px 0 15px;
				padding: 8px 4px;
				}
			div#main_navi ul.left li a:hover{
				color: #ff5a00;
				}
			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;
				}
div#main{
	width: 660px;
	float: left;
	display: inline;
	margin: 30px 25px 30px 10px;
	}
	div#main div.post{
		background-color: #131313;
		border: 1px solid #1f2223;
		color: #ccc;
		line-height: 22px;
		margin-bottom: 30px;
		}
	div#main div.sticky{
		background-color: #0d0d0d;
		}
		div#main div.post div.date{
			background: url(images/date.gif) no-repeat;
			float: left;
			font-size: 12px;
			line-height: 14px;
			font-family: "Trebuchet MS", Georgia, sans-serif;
			text-align: center;
			vertical-align: middle;
			color: #fff;
			height: 43px;
			width: 50px;
			margin-left: -10px;
			margin-top: 16px;
			padding-top: 4px;
			_position: relative;
			margin-right: 12px;
			}
		div#main div.post div.title{
			margin-left: 50px;
			margin-bottom: 10px;
			margin-top: 16px;
			_margin-top: 0;
			*+margin-top: 0;
			}
			div#main div.post div.title h2{
				font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
				font-size: 22px;
				font-weight: bold;
				letter-spacing: -1px;
				color: #eee;
				width: 600px;
				line-height: 30px;
				}
				div#main div.post div.title h2 a{
					color: #eee;
					}
				div#main div.post div.title h2 a:hover{
					color: #ff5a00;
					}
			div#main div.post div.title div.postmeta{
				font-size: 12px;
				color: #666;
				width: 580px;
				overflow: hidden;
				}
				div#main div.post div.title div.postmeta a{
					color: #666;
					border-bottom: 1px solid #131313;
					text-decoration: none;
					}
				div#main div.post div.title div.postmeta a:hover{
					color: #ff5a00;
					border-bottom: 1px solid #ff5a00;
					text-decoration: none;
					}
		div#main div.post div.entry{
			padding: 10px 20px 0 20px;
			overflow: hidden;
			_width: 618px;
			font-size: 13px;
			}
			div#main div.post div.no_result{
				padding: 20px;
				}
				div#main div.post div.no_result p.no_result{
					margin-bottom: 0;
					}
			div#main div.post div.entry a{
				color: #ff5a00;
				border: none;
				text-decoration: none;
				}
			div#main div.post div.entry a:hover{
				text-decoration: underline;
				}
			div#main div.post div.entry p{
				margin-bottom: 20px;
				}
			div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }
			div#main div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }
			div#main div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }
			div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }
			div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }
			div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }
			div#main div.post div.entry ul,
			div#main div.post div.entry ol{
				padding-bottom: 24px;
				margin-left: 40px;
				margin-right: 40px;
				}
			div#main div.post div.entry ul{
				list-style-type: disc;
				}
			div#main div.post div.entry ol{
				list-style-type: decimal;
				}
				div#main div.post div.entry ul li,
				div#main div.post div.entry ol li{
					padding: 1px 0;
					list-style: inside;
					}
			div#main div.post div.entry blockquote{
				background: url(images/blockquote.gif) no-repeat;
				padding: 35px 20px 10px 50px;
				margin: 0 15px 24px 15px;
				background-color: #181818;
				border-top: 1px solid #2a2e2f;
				border-bottom: 1px solid #2a2e2f;
				color: #999;
				}
				div#main div.post div.entry blockquote p{
					margin-bottom: 8px;
					}
			div#main div.post div.entry code{
				font-family: "Courier New", mono;
				background-color: #181818;
				border-left: 1px solid #2a2e2f;
				color: #197b30;
				padding: 5px 10px;
				display: block;
				}
			div#main div.post div.entry table{
				margin-bottom: 20px;
				border-collapse:collapse;
				border: 1px solid #2a2e2f;
				background-color: #181818;
				color: #999;
				}
				div#main div.post div.entry table td,
				div#main div.post div.entry table th{
					padding: 2px 5px;
					border: 1px solid #2a2e2f;
					}
	div#main div.navigation{
		font-size: 13px;
		}
		div#main div.navigation a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
			div#main div.navigation .left a:hover,
			div#main div.navigation .right a:hover{
				color: #ff5a00;
				background-color: #000;
				}
		div#main div.navigation .left{
			float: left;
			}
		div#main div.navigation .right{
			float: right;
			}
div#footer{
	color: #666;
	font-size: 12px;
	background: url(images/footer_bg.gif) repeat-x;
	}
	div#footer div.footer_wrapper{
		width: 960px;
		margin: 0 auto;
		padding: 18px 0;
		}
		div#footer div.footer_left{
			float: left;
			width: 600px;
			}
		div#footer div.footer_left a{
			color: #ccc;
			text-decoration: none;
			}
		div#footer div.footer_left a:hover{
			color: #fff;
			}
div#sidebar{
	width: 260px;
	float: left;
	display: inline;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	color: #aaa;
	font-size: 12px;
	background-color: #131313;
	border: 1px solid #1f2223;
	}
	div#sidebar ul{
		background-color: #131313;
		}
		div#sidebar ul li h2{
			background: url(images/sidebar_title_bg.gif) no-repeat;
			background-position: left bottom;
			font-size: 16px;
			line-height: 30px;
			color: #ccc;
			background-color: #101010;
			padding: 5px 10px;
			font-weight: normal;
			}
		div#sidebar ul li ul{
			list-style-type: none;
			color: #eee;
			line-height: 20px;
			}
			div#sidebar ul li ul li{
				padding-top: 2px;
				padding-bottom: 2px;
				padding-left: 26px;
				padding-right: 10px;
				background: url(images/sidebar_list_bg.gif) no-repeat;
				background-position: left bottom;
				}
			div#sidebar ul li ul li:hover{
				background-color: #0d0d0d;
				}
			div#sidebar ul li ul li a{
				background: none;
				display: inline;
				color: #ccc;
				line-height: 26px;
				text-decoration: none;
				}
			div#sidebar ul li ul li a:hover{
				color: #ff5a00;
				}
div#sidebar ul li ul li.rc a{
	display: inline;
}
div#sidebar ul li.widget,
div#sidebar ul li.widget_archive,
div#sidebar ul li.widget_categories, 
div#sidebar ul li.widget_search, 
div#sidebar ul li.widget_tag_cloud div, 
div#sidebar ul li.widget_text{
	background: url(images/sidebar_list_bg.gif) no-repeat left bottom;
}
div#sidebar ul li.widget h2 a{
	color: #ccc;
}
div#sidebar ul li.widget_archive select, 
div#sidebar ul li.widget_categories select{
	margin: 15px 26px;
}
div#sidebar ul li.widget_calendar div#calendar_wrap{
	padding: 15px 26px;
	background: url(images/sidebar_list_bg.gif) no-repeat left bottom;
}
#wp-calendar {
	color: #ccc;
	width: 95%;
	font-family: Arial, sans-serif;
}
#wp-calendar caption {
	padding: 5px;
	letter-spacing: 2px;
}
#wp-calendar th, #wp-calendar td {
	padding: 5px;
	text-align: center;
}
#wp-calendar th{
	border-bottom: 1px solid #1f2223;
	border-top: 1px solid #1f2223;
}
#wp-calendar td {
	background: transparent;
}
#wp-calendar td, table#wp-calendar th {
	padding: 3px 0;
}
#wp-calendar a {
	color: #ff5a00;
}
#wp-calendar a:hover {
	text-decoration: underline;
}
#wp-calendar #prev{
	text-align: left;
	padding-left: 5px;
}
#wp-calendar #next{
	text-align: right;
	padding-right: 5px;
}
#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{
	border-top: 1px solid #1f2223;
}
#wp-calendar #prev a, #wp-calendar #next a{
	color: #999;
}
#wp-calendar td#today{
	color: #fff;
	background-color: #101010;
	font-weight: bold;
}
div#sidebar ul li ul li ul li,
div#sidebar ul li ul li ul.children li{
	background: none;
}
div#sidebar ul li ul li ul li:hover,
div#sidebar ul li ul li ul.children li:hover{
	background: none;
}
.widget_rss a{
	color: #ccc;
}
li.widget_search #search{
	padding: 10px 30px;
}
li.widget_search form#searchform{
	width: 200px;
	height: 25px;
	border: none;
	background-color: #fff;
	position: relative;
	}
	li.widget_search form#searchform .searchinput{
		position: absolute;
		top: 5px;
		left: 8px;
		color: #666;
		font-size: 13px;
		width: 165px;
		border: 0;
		}
	li.widget_search form#searchform .button{
		position: absolute;
		top: 0px;
		left: 175px;
		background: url(images/mag.gif) no-repeat;
		height: 25px;
		width: 25px;
		border: 0;
		cursor: pointer;
		}
div#sidebar ul li.widget_tag_cloud div{
	padding: 10px 16px;
}
div#sidebar ul li.widget_tag_cloud div a{
	color: #ccc;
}
div#sidebar ul li.widget_tag_cloud div a:hover{
	color: #ff5a00;
}
.textwidget{
	padding: 10px 26px;
	line-height: 16px;
}
.textwidget p{
	margin-bottom: 10px;
	line-height: 16px;
}
.textwidget a, .textwidget p a{
	color: #ff5a00;
	text-decoration: none;
}
.textwidget a:hover, .textwidget p a:hover{
	text-decoration: underline;
}
div#main div#comments{
	margin-bottom: 10px;
	}
	div#main div#comments h3{
		float: left;
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		}
	div#main div#comments .add_your_comment a{
		float: right;
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		}
	div#main div#comments .add_your_comment a:hover{
		color: #ff5a00;
		}
div#main ol.commentlist{
	font-size: 13px;
	color: #ccc;
	overflow: hidden;
	}
	div#main ol.commentlist li{
		margin-bottom: 15px;
		background-color: #101010;
		border: 1px solid #1f2223;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 20px 20px 15px 20px;
		}
		div#main ol.commentlist li ul{
			list-style-type: none;
			margin-left: 60px;
			margin-top: 6px;
			}
			div#main ol.commentlist li ul.children li{
				background-color: #0d0d0d;
				border-left: 1px solid #181a1b;
				border-top: 0;
				border-bottom: 0;
				border-right: 0;
				}
		div#main ol.commentlist li div.vcard{
			float: left;
			}
		div#main ol.commentlist li div.vcard div.left{
			width: 56px;
			margin-right: 5px;
			}
			div#main ol li div.left img{
				border: 1px solid #000;
				display: block;
				height: 48px;
				width: 48px;
				}
			div#main ol li div.left div.reply a{
				background: url(images/reply.gif) no-repeat 0 0;
				display: block;
				height: 0;
				padding-top: 17px;
				width: 41px;
				overflow: hidden;
				margin-left: 5px;
				margin-top: 5px;
				}
			div#main ol li div.left div.reply a:hover{
				background-position: 0 -17px;
				}
		div#main ol.commentlist li div.right{
			float: left;
			line-height: 20px;
			width: 80%;
			}
			div#main ol.commentlist li div.right p a{
				color: #ccc;
				text-decoration: none;
				border-bottom: 1px solid #ccc;
				}
			div#main ol.commentlist li div.right p a:hover{
				color: #ff5a00;
				border-bottom: 1px solid #ff5a00;
				}
			div#main ol li div.right div.commentmetadata{
				font-size: 12px;
				color: #999;
				border-bottom: 1px solid #181a1b;
				padding-bottom: 3px;
				margin-bottom: 8px;
				}
				div#main ol li div.right div.commentmetadata a{
					color: #ccc;
					text-decoration: none;
					font-weight: bold;
					}
				div#main ol li div.right div.commentmetadata a:hover{
					color: #ff5a00;
					}
			div#main ol li div.right p{
				margin-bottom: 20px;
				}
div#main .comments_navi{
	font-size: 12px;
	}
	div#main .comments_navi .alignleft{
		float: left;
		}
	div#main .comments_navi .alignright{
		float: right;
		}
		div#main .comments_navi .alignleft a, 
		div#main .comments_navi .alignright a{
			display: block;
			color: #ccc;
			border: 1px solid #1f2223;
			padding: 0 5px;
			background-color: #101010;
			line-height: 28px;
			}
		div#main .comments_navi .alignleft a:hover, 
		div#main .comments_navi .alignright a:hover{
			color: #ff5a00;
			background-color: #000;
			}
div#main div#respond{
	background-color: #101010;
	border: 1px solid #181a1b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #ccc;
	padding: 15px 20px;
	margin-top: 15px;
	}
	div#main div#respond div.h3_cancel_reply{
		margin-bottom: 5px;
		}
	div#main div#respond h3{
		font-size: 16px;
		color: #ccc;
		line-height: 24px;
		font-weight: normal;
		float: left;
		display: inline;
		}
		div#main div#respond span.cancel-comment-reply{
			float: right;
			display: inline;
			padding-top: 6px;
			}
		div#main div#respond span.cancel-comment-reply a{
			font-size: 12px;
			color: #999;
			text-decoration: none;
			}
		div#main div#respond span.cancel-comment-reply a:hover{
			color: #ff5a00;
			}
	div#main div#respond form#commentform{
		}
		div#main div#respond form#commentform p{
			font-size: 12px;
			color: #999;
			padding: 3px 0;
			}
			div#main div#respond form#commentform p a{
				color: #fff;
				border: 0;
				}
			div#main div#respond form#commentform p a:hover{
				border-bottom: 1px solid #fff;
				}
		div#main div#respond div.input_area{
			padding: 15px 30px;
			}
			div#main div#respond div .message_input{
				font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
				background-color: #eee;
				border: 2px solid #000;
				color: #333;
				font-size: 13px;
				padding: 5px;
				height: 120px;
				width: 98%;
				}
		div#main div#respond div.user_info{
			font-size: 12px;
			line-height: 16px;
			display: block;
			padding: 0 30px;
			}
			div#main div#respond div.user_info div.single_field{
				display: inline;
				float: left;
				width: 33%;
				}
				label.desc{
					display: block;
					color: #999;
					padding-bottom: 4px;
					}
					label.desc abbr{
						color: #ff5a00;
						border: 0;
						}
				div#main div#respond div.user_info input.comment_input{
					background-color: #eee;
					color: #666;
					border: 2px solid #000;
					padding: 2px 3px;
					width: 90%;
					}
		div#main div#respond div.submit_button{
			margin: 15px 30px 0;
			}
			div#main div#respond form#commentform div.submit_button input.button{
				display: block;
				background: url(images/submit.gif) no-repeat 0 0;
				width: 76px;
				height: 28px;
				padding: 0;
				border: 0;
				color: #bbb;
				font-size: 12px;
				cursor: pointer;
				float: left;
				}
			div#main div#respond form#commentform div.submit_button input.button:active{
				background-position: 0 -28px;
				color: #fff;
				}
			div.submit_button span.key{
				float: left;
				margin-left: 10px;
				padding-top: 6px;
				font-size: 12px;
				line-height: 16px;
				color: #333;
				}
.nocomments{
	color: #ccc;
	font-size: 16px;
}
.aligncenter,
div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft{
	float: left;
	}
.alignright{
	float: right;
	}
img.alignleft{
	display: inline;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 3px;
	}
img.alignright{
	display: inline;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 3px;
	}
.wp-caption {
   border: 1px solid #1f2223;
   text-align: center;
   background-color: #0d0d0d;
   padding-top: 4px;
   margin: 10px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 12px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color: #ccc;
}
div#main div.post div.entry div.wp-caption p{
	margin-bottom: 3px;
	padding: 5px;
} 
ul.archiveslist{
	color: #ccc;
	font-size: 13px;
}
div#main div.post div.entry  ul.archiveslist li a{
	color: #ccc;
}
div#main div.post div.entry  ul.archiveslist li a:hover{
	color: #ff5a00;
}
.linkpage{
	background-color: #131313;
	padding: 10px 15px;
}
.linkpage ul{
	list-style-type: none;
}
.linkpage ul li{
	float: left;
	margin-bottom: 10px;
}
.linkpage ul li ul li{
	float: left;
	width: 130px;
	text-align: center;
	margin: 5px 12px;
	line-height: 180%;
	background-color: #202020;
}
.linkpage ul li ul li a{
	color: #ccc;
	display: block;
	text-decoration:none;
	border: 1px solid #1f2223;
	font-size: 12px;
}
.linkpage ul li ul li a:hover{
	background-color: #0d0d0d;
	border: 1px solid #1f2223;
	color: #ff5a00;
}
.linkpage ul li h3{
	margin-bottom: 5px;
	margin-left: 12px;
}
div.strong{
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 25px;
}
div.strong .keyword{
	color: #ff5a00;
}
html, body, #page_wrap{
	height: 100%;
}
body > #page_wrap{
	height: auto; min-height: 100%;
}
#container{
	padding-bottom: 48px;
}
#footer{
	position: relative;
	margin-top: -48px; 
	height: 48px;
	clear:both;
}

мой header.php:

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('stylesheet_directory'); ?>/images/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/scripts/basic.js" type="text/javascript"></script>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="page_wrap">
	<div id="header">
		<div class="blog_title">
			<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
			<p class="description"><?php bloginfo('description'); ?></p>
		</div>
		<?php include (TEMPLATEPATH . '/searchform.php'); ?>
		<div class="clear"></div>
	</div><!-- end header -->
	<div id="main_navi">
		<ul class="left">
			<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=44"><?php _e('Заборы металлические', 'pyrmont_v2'); ?><!--end--></a></li>
			<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=46"><?php _e('Заборы деревянные', 'pyrmont_v2'); ?><!--end--></a></li>
<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com"><?php _e('Заборы комбинированные', 'pyrmont_v2'); ?><!--end--></a></li>
<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com"><?php _e('Заборы кованные', 'pyrmont_v2'); ?><!--end--></a></li>
</ul>
<ul class="left">
			<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="<?php bloginfo('url'); ?>"><?php _e('Главная', 'pyrmont_v2'); ?><!--end--></a></li>
<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=54"><?php _e('Знания', 'pyrmont_v2'); ?><!--end--></a></li>
<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=67"><?php _e('Галерея', 'pyrmont_v2'); ?><!--end--></a></li>
			<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=30"><?php _e('Прайс', 'pyrmont_v2'); ?><!--end--></a></li>
			<li<?php if(is_home()&&!is_paged()) echo ' class="current_page_item"'; ?>><a href="http://vash-zabor.com/?page_id=40"><?php _e('Контакты', 'pyrmont_v2'); ?><!--end--></a></li>
    	</ul>
		</ul>
	</div><!-- end main_navi -->
	<div class="clear"></div>

t3s · 17 Янв 2010

PRUDNIKOV написал(а):
Я вроде так делал это как просил же по подробнее..
мой style.css:

ваши файлы я глянул прежде, чем написать ответ...
"поподробнее" - это написать за вас код?
"Я вроде так делал" - в таком в хедер.пхп между этими двумя строками

PHP:

<div id="main_navi"> 
<ul class="left">

должен находиться еще один блок (ток не забудьте закрывающий тег для него)

зы
заодно исправьте оибку - у вас нижний список дважды закрыт - два раза подряд стоят теги

HTML:

        </ul> 
        </ul>

PRUDNIKOV · 17 Янв 2010

t3s написал(а):
ваши файлы я глянул прежде, чем написать ответ...
"поподробнее" - это написать за вас код?
"Я вроде так делал" - в таком в хедер.пхп между этими двумя строками

PHP:

<div id="main_navi"> <ul class="left">

должен находиться еще один блок (ток не забудьте закрывающий тег для него)
зы
заодно исправьте оибку - у вас нижний список дважды закрыт - два раза подряд стоят теги

HTML:

</ul> </ul>

Дело в том что, дважды закрывается, для того что бы разделить одну часть меню от другого..
Пытался я вставлять тег <center>
Между и не между <div id="main_navi"> <ul class="left"> и по всякому не становиться по центру, потому и написал эту тему!!!

t3s · 17 Янв 2010

1. тега <center> в XHTML 1.0 не существует
2. между єтими двумя строками просто поставьте блок, например

HTML:

<div class="center_nah">

3. в style.css создайте данный класс, например

HTML:

.center_nah{
margin: 0 auto;
}

можно отцентрировать так

HTML:

text-align: center;

но в некоторых эксплорерах возможны глюки, если кроме текста используются катринки
у вас жестко прописана ширина, а если с заказчиком договорились о сдельной оплате (больше кода=больше денег, бывает и такое

) можно отцентрировать и так

HTML:

margin-left: 200px;
margin-right: 200px;

зы
учитесь сразу делать правильно и валидно
удалите лишний </ul>, а после первого списка поставьте

HTML:

<div class="clear"></div>

zzallexx · 17 Янв 2010

совсем не обязательно(хотя по коду и красивее) юзать список(ul,li) можно и простой таблицей обойтись
это в css

.main_navi table{
list-style-type: none;
padding: 2px 0 0 10px;
}
.main_navi td a{
color: #ccc;
font-size: 13px;
line-height: 18px;
margin: 0 15px 0 15px;
padding: 8px 4px;
text-transform: uppercase;
}
.main_navi td a:hover{
color: #ff5a00;
}

а это в header

<div id="main_navi" align="center">
<table border="0" cellpadding="0" cellspacing="0">

<tr class="main_navi">
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=44">Заборы металлические</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=46">Заборы деревянные</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com">Заборы комбинированные</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com">Заборы кованные</a></td>
</tr>

</table>
<table border="0" cellpadding="0" cellspacing="0">

<tr class="main_navi">
<td align="center" valign="middle"><a href="http://vash-zabor.com">Главная</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=54">Знания</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=67">Галерея</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=30">Прайс</a></td>
<td align="center" valign="middle"><a href="http://vash-zabor.com/?page_id=40">Контакты</a></td>
</tr>
</table>
</div>

Searching Man · 1 Фев 2010

zzallexx написал(а):
совсем не обязательно(хотя по коду и красивее) юзать список(ul,li) можно и простой таблицей обойтись
это в css а это в header

Здесь наверно дело не в "красивости" кода , а в универсальности использования списков для меню.
Списки очень просто с помощью CSS могут быть представлены как вертикальные , так и горизонтальные.
А с таблицей так просто не сделаешь , нужно html-код изменять.

Если же рассматривать конкретный случай, то конечно можно и списком и таблицей делать.

Sizamas · 1 Фев 2010

zzallexx написал(а):
совсем не обязательно(хотя по коду и красивее) юзать список(ul,li) можно и простой таблицей обойтись
это в css а это в header

дело в том, что пукты меню в ВП выводятся списками, можно конечно, добавить в код хак, чтобы выводились столбцами таблицы, но могут из-за этого возникнуть в дальнейшем проблемы, поэтому юзать нужно СПИСКИ, тем более, что через css с ними можно сделать что угодно

xbreaker · 1 Фев 2010

Sizamas написал(а):
дело в том, что пукты меню в ВП выводятся списками, можно конечно, добавить в код хак, чтобы выводились столбцами таблицы, но могут из-за этого возникнуть в дальнейшем проблемы, поэтому юзать нужно СПИСКИ, тем более, что через css с ними можно сделать что угодно

да, табличная разметка подходит лишь для печати отчетов

дивовая + списки дает куда больше возможностей

Помощь Как сделать пункты меню по центру

PRUDNIKOV

Постоялец

Вложения

t3s

Мой дом здесь!

PRUDNIKOV

Постоялец

t3s

Мой дом здесь!

PRUDNIKOV

Постоялец

t3s

Мой дом здесь!

zzallexx

Хранитель порядка

Searching Man

Постоялец

Sizamas

Гуру форума

xbreaker

Вверх ногами