Выравнивание в горизонатльном меню

averin13 · October 29, 2011

Вот картинка : .

Вот её исходный:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title> 
<style>
body,html{
margin:0px;
padding :0 px;

}
a{
text-decoration:none;
color:#ffffff;
}
.center {display:block; margin:0 auto;}

ul#mainNav {

	margin-left:70px;
	margin-top:70px;
	padding: 0;
	list-style: none;
	float: left;
	background-image: url(1.png);
	width:865px;
	height:60px;
	background-repeat: no-repeat;
}

#mainNav li {
	float: left;
	width: 143px;
}

#mainNav a {
	text-decoration: none;
	font-size: 18px;
	font-weight:900;
	color:#392411;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	float: left;
	display: block;
	margin-top:10px;

	padding: 0px 0px 5px 20px;

}
</style>
</head>
<body>
<div style="margin: 0px auto;padding-left:10px;width: 1000px; border:1px solid;padding:0px;height:1200px;" id="contents">
<ul id="mainNav" >
    <li><a href="#" >Главная</a></li>
    <li><a href="#"> О НАС</a></li>
    <li><a href="#">ПЕЧЕНЬЕ</a></li>
    <li><a href="#">Услуги</a></li>
    <li><a href="#">Акции</a></li>
    <li><a href="#">Контакты</a></li>
</ul>
</div>	
</body>
</html>

Нужно , чтобы элементы списка были выровнены между разделителями. Когда я задаю width умеян или слишком большая ширина, так что выходит на две стрчоки или слишком маленькая так, что выровнены они по какому-то краю. Сразу же оговорюсь, таблицами это делать не хочу.Заранее спасибо за помощь.

psywalker · October 29, 2011

averin13,

А почему в твоём коде я не наблюдаю боковых бордеров в пунктов, например?

averin13 · October 29, 2011

averin13,
А почему в твоём коде я не наблюдаю боковых бордеров в пунктов, например?

Потому что border у меня картинкой. Тогда мне лучше наверное, сделать border css ? Или есть вариант получше?

psywalker · October 29, 2011

averin13,
А почему в твоём коде я не наблюдаю боковых бордеров в пунктов, например?
Потому что border у меня картинкой. Тогда мне лучше наверное, сделать border css ? Или есть вариант получше?

А зачем тебе вариант лучше? Бордером ты не хочешь делать? Почему?

Сделаны картинкой? А на чём они весят?

Sign In

Выравнивание в горизонатльном меню

Question

averin13

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

averin13

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information