Проблема с версткой на меню

Vamp · May 10, 2012

В общем решил сверстать макет который сам же нарисовал с шапкой и разделами вроде успешно а вот с меню загвостка нашел примерно то что нада в нете полностью перересовал его заменил картинки ссылки поправил код нечего такого вроде не трогал и меню не работает обидно кто помочь может?

Вот содержимое index.html и .style.css сори за ошибки

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Artine Css Menu</title>
<link href="style.css" rel="stylesheet" media="all" />
</head>
<body>
<div id="menu">
	<ul>
		<li><a href="#" class="about"><span>about</span></a></li>
		<li><a href="#" class="portfolio"><span>portfolio</span></a></li>
		<li><a href="#" class="blog"><span>blog</span></a></li>
		<li><a href="#" class="contact"><span>contact</span></a></li>								
	</ul>
</div>
</body>
</html>

*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	color:#666;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
}
	#menu{
		width:1400px;
		background:url(images/menu_41_bg.jpg) no-repeat;
		height:200px;
	}
		#menu ul{
			list-style:none;
			text-align:center;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				padding:8px 30px 0 30px;
			}
				#menu li a{
					display:block;
					float:left;
				}
					#menu li a span{
						display:none;
					}
					#menu li a:hover{
						text-decoration:none;
					}
				#menu li a.about{
					background:url(images/about.png) no-repeat;
					width:190;
					height:40px;
				}
					#menu li a:hover.about{
						background:url(images/about1.png) no-repeat;
					}
				#menu li a.portfolio{
					background:url(images/portfolio.png) no-repeat;
					width:166;
					height:40px;
				}
					#menu li a:hover.portfolio{
						background:url(images/portfolio1.png) no-repeat;
					}
				#menu li a.blog{
					background:url(images/blog.png) no-repeat;
					width:104;
					height:40px;
				}
					#menu li a:hover.blog{
						background:url(images/blog1.png) no-repeat;
					}
				#menu li a.contact{
					background:url(images/contact.png) no-repeat;
					width:639;
					height:40px;
				}
					#menu li a:hover.download{
						background:url(images/contact1.png) no-repeat;
					}

Akaciya · May 10, 2012

Возможно из-за этого?


#menu li a span{
                                                display:none;
                                        }

Sign In

Проблема с версткой на меню

Question

Vamp

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Akaciya

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information