HTML+CSS (где ошибка) - HTML и CSS

seo-romka · 29.12.2010, 00:07

Код:

<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251">
<link href="style1.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="img/favicon.ico" />

<title> Главная | Design by Green </title>
</head>
<body>

<ul>
	<li class="selected"><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>

</body>
</html>

Код:

ul {
margin: 0;
padding: 0;
list-style:no;
float:left;

}

 ul li{
display:inline-block;
float:left;
}

ul a{
display:block;
padding: 0 10px;
text-decoration:none;
color: red;

text-align: center;
width: 74px;
height: 37px;
line-height: 37 px;
background-image: url(img/menu1.png);
background-repeat:no-repeat;
}

ul a:hover, .selected a{
color:#030303;
background-position: bottom;

}

помогите сделать так чтобы во всех браузерах корректно отображалось!

KPEATuBHO · 29.12.2010, 10:24

Измени стиль "ul li", на

Код:

 ul li{
display:inline-block;
float:left;
zoom:1;
*display:inline;
}

т.к. ИЕ не знает что есть inline-block)

29.12.2010, 10:24	#2
KPEATuBHO Форумчанин Регистрация: 03.09.2010 Сообщений: 197	Измени стиль "ul li", на Код: `ul li{ display:inline-block; float:left; zoom:1; *display:inline; }` т.к. ИЕ не знает что есть inline-block) быстрый хостинг. недорогие домены.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
баги html, css	Dimarik	PHP	3	05.10.2010 23:27
Css-где ошибка?	sofi_ja	HTML и CSS	1	27.04.2009 17:15
Webbrowser + HTML + css	GAGARIN-NEW	Компоненты Delphi	9	17.10.2008 01:15