Forum PHP.pl > [HTML][CSS]nie aktywny element <a href> w menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]nie aktywny element <a href> w menu

Mgorka

27.05.2011, 21:20:38

Siema mam problem z menu dwupoziomowym. Mianowicie po najechaniu na przycisk pierwszego poziomu menu rozwija mi się drugi poziom menu ale przyciski w pierwszym poziomie menu nie reaguj.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
 
<head>
 
   <meta http-equiv="content-type" content="text/html;charset=utf-8" />
   <link href='style.css' type='text/css' rel='stylesheet' />
</head>
 
<body>
<div id="menu">
<ul>
   <li><a href="#">SASAD</a>
   <ul>
   <li><a href="#">11111</a></li>
   <li><a href="#">2222222222</a></li>
   <li><a href="#">333</a></li>
   <li><a href="#">2121</a></li>
   <li><a href="#">2132321</a></li>
   </ul></li>   
   <li><a href="#">xxz</a></li>
   <li><a href="#">sadsadas</a></li>
   <li><a href="#">sadsa</a>
   <ul>
   <li><a href="#">4444444</a></li>
   <li><a href="#">2555552</a></li>
   <li><a href="#">66666</a></li>
   <li><a href="#">27777777771</a></li>
   <li><a href="#">21</a></li>
   </ul></li>
   <li><a href="#">aaaaaaa</a></li>
</ul>
</div>
</body>
</html>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
body{
background-color: rgb(23, 23, 23);
}
#menu {
	width: 960px;
}
#menu ul {
  position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li a {
  display: block;
	padding: 0 10px 6px;
	font: bold Arial, sans-serif;
	text-decoration: none;
  color: rgb( 256, 256, 256);
  float: left;
}
#menu ul li a:hover {
	color: #002B75;
}
#menu li  ul{
 
  display: none;
  padding-top:30px;
}
#menu li:hover ul {
  display: block;
    position: absolute;
}
#menu  li ul  li {  
  display: inline;
  float: left;
}
[HTML] pobierz, plaintext

neo1986kk

27.05.2011, 21:29:34

ale w ogóle nie reagują czy po pojawieniu się submenu?

Mgorka

27.05.2011, 21:31:42

po pojawieniu sie drugiego poziomu menu(subdomen)

mortus

27.05.2011, 21:55:51

Nie reagują, bo są zasłonięte przez podmenu. Użyj zamiast padding-top: 30px; dla elementu #menu li ul atrybutu margin-top: 26px;.

Mgorka

27.05.2011, 22:00:42

Dzięki kolego za pomoc pomogło temat można zamknąć

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.