مشکل با هک height = 1%

Rostamiani

Active Member
سلام
من منوی سایت رو با CSS طراحی کردم ولی دکمه ها در IE6 با هم فاصله زیادی داشتند.
این مشکل با Height=1% حل شد. ولی مشکل دیگه ای به وجود اومد :shock:

وقتی ماوس رو روی دکمه ای می برم، دکمه بالا می ره :neutral:

این کد منوی من هست:

HTML:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
ul    {
	width: 150px;
	list-style: none;
	padding-left: 9%;
	font-weight: bold;
	padding-right: 1%;
	background-color: #CCFF99;
}
li     a:link ,li   a:visited        {
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 0px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 1px;
}

li  a:hover   {
	background-color: #0066CC;
	color: #FFFFFF;
}

*    html    li    a  
{
	height: 1%;
}
-->
</style>
</head>
<body>
<ul>
	<li><a href="#"> home</a></li>
		<li><a href="#">gallery</a></li>
		<li><a href="#">news</a></li>
		<li><a href="#">articles</a></li>
		<li><a href="#">forum</a></li>
		<li><a href="#">chat</a></li>
		<li><a href="#">about us</a></li>
	</ul>
</body>
</html>
 
مشکل از هک نیست. مشکل از کد شماست. شما margin رو به وضعیت لینک های اختصاص دادید. به جای اینکار margin رو از اون بخش حذف کنید و به Li اضافه کنید. به این شکل

کد:
li {
	margin: 0 0 5px 0;
}
	
li a:link ,li a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 1px;
}
 

Rostamiani

Active Member
از کمکتون خیلی ممنونم

ممکنه بگید چرا این مشکل فقط در Ie6 بود؟
 

جدیدترین ارسال ها

بالا