Rostamiani
Active Member
سلام
من منوی سایت رو با CSS طراحی کردم ولی دکمه ها در IE6 با هم فاصله زیادی داشتند.
این مشکل با Height=1% حل شد. ولی مشکل دیگه ای به وجود اومد
وقتی ماوس رو روی دکمه ای می برم، دکمه بالا می ره
این کد منوی من هست:
من منوی سایت رو با CSS طراحی کردم ولی دکمه ها در IE6 با هم فاصله زیادی داشتند.
این مشکل با Height=1% حل شد. ولی مشکل دیگه ای به وجود اومد
وقتی ماوس رو روی دکمه ای می برم، دکمه بالا می ره
این کد منوی من هست:
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>