|
|
| Тема |
 как да оправя този бъг при ИЕ |
|
| Автор |
tkulev () |
|
| Публикувано | 19.03.06 10:43 |
|
|
|
#menu {
width: 147px;
float: left;
margin: 0 0 10px 0;
padding: 0;
text-align: left;
}
#menu p {
PADDING: 0px;
MARGIN: 0px;
COLOR: #000000;
TEXT-SIZE: 12pt;
TEXT-ALIGN: JUSTIFY;
font-style: italic;
FONT-SIZE: 15px;
FONT-WEIGHT: none;}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 147px;
border-left, border-right: 1px solid #000;
}
#menu ul li {
position: relative;
border-top: 1px solid #000;
}
#menu li ul {
position: absolute;
left: 128px;
top: 0;
display: none;
border: 1px solid #000;
border-top: 0;
}
#menu ul li a {
display: block;
text-decoration: none;
color: #6c4e24;
background: #f6f6e4;
padding: 5px;
FONT-WEIGHT: bold;
text-indent:5px;
font-size: 11px;
FONT-FAMILY: Verdana;
}
#menu #glavno {margin-left: 17px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 0;}
* html #menu ul li { float: right; height: 1%; }
* html #menu ul li a { height: 1%; }
* html #menu #glavno {margin-left: 17px; }
#menu a:hover {display: block; background: #DDD0A4;}
#menu li:hover ul, #menu li.over ul { display: block; background: #000; width: 145px}
#menu #glavno ul{width: 200px;}
Когато отида върху менюто и се оправя. Ето и хтмл-то:
<!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>
<title>lala_menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="menu.js"></script>
<link href="screen.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="menu">
<div id="perg"></div>
<ul id="nav">
<li id="glavno"><a href="#">Home</a></li>
<li id="glavno"><a href="#">About</a>
<ul>
<li><a href="#">Who?</a></li>
<li><a href="#">Lala</a></li>
<li><a href="#">hehe</a></li>
</ul>
</li>
</ul>
<div id="perg1"></div>
</div>
</body>
</html>
| |
| |
| 
|
|
