Top Menu, неровно

Segnava · June 4, 2014

Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда.

<!DOCTYPE html><html><head>	<title>Clinica</title>	<meta charset='utf-8'>	<link rel="stylesheet" type="text/css" href="./html5reset-1.6.1">	<link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top">	<ul>		<li><a href="">Главная</a></li>		<li><a href="">О нас</a></li>		<li><a href="">Контакты</a></li>	</ul></div><div id="wrap_outside">	<header id="wrap">		<div>			<img src="./img/head_logo.jpg">			<div id="top_menu">			<ul>				<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>				<li><a href=""></a></li>			</ul>		</div>		</div>	</header></div></body></html>

body {	background: #e9e9e9;}a {	text-decoration: none;	font-family: Tahoma, sans-serif;	font-size: 15pt;}#wrap_outside {	margin: auto;	width: 1200px !important;	min-height: 800px;	background-color: #fff;	padding-top: 22px;}#wrap {	margin: auto;	width: 1155px;	background: #666;}.top {	margin: auto;	width: 1280px;	height: 40px;}.top ul {	display: table;}.top ul li {	display: table-cell;	padding-left: 19px;	background-color: #;	background-image: url(./img/top-style.jpg) no-repeat middle left;}.top ul li:first-child {	padding-left: 0px;}.top a {	color: #78c7f3;	text-decoration: none;}/* Top Menu */#top_menu {	width: 1155px;}#top_menu ul {	width: 1155px;	list-style: none;}#top_menu li {	width: 160px;	height: 55px;	float: left;	margin-left: 2px;	background: #20b0fc;	text-align: center;	line-height: 55px;}#top_menu li a {	font-size: 17pt;	color: white;}

http://uaimage.com/image/cad3fb88

Cherous · June 4, 2014

Дык у тебя же ссылка последняя пустая стоит. Убери ее и будет счастье.

Segnava · June 4, 2014

Не будет, пробовал.

Switch74 · June 5, 2014

а вы не пробовали убирать padding который у ul по умолчанию есть?

wh1tegray · June 5, 2014

Подтверждаю.

#top_menu ul {	width: 1155px;	list-style: none;	padding: 0;}

Ну и если количество элементов в меню изменится, надо будет менять ширину каждого элемента на значение, равное общей ширине, поделенной на общее количество элементов... можно перевести в % все измерения.

Segnava · June 9, 2014

Спасибо помогло)

Sign In

Top Menu, неровно

Question

Segnava

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Cherous

Link to comment

Share on other sites

Segnava

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

wh1tegray

Link to comment

Share on other sites

Segnava

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information