Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]nie aktywny element <a href> w menu
Mgorka
post
Post #1





Grupa: Zarejestrowani
Postów: 209
Pomógł: 3
Dołączył: 6.04.2010
Skąd: Słupca

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4.  
  5. <head>
  6.  
  7.    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  8.    <link href='style.css' type='text/css' rel='stylesheet' />
  9. </head>
  10.  
  11. <body>
  12. <div id="menu">
  13. <ul>
  14.    <li><a href="#">SASAD</a>
  15.    <ul>
  16.    <li><a href="#">11111</a></li>
  17.    <li><a href="#">2222222222</a></li>
  18.    <li><a href="#">333</a></li>
  19.    <li><a href="#">2121</a></li>
  20.    <li><a href="#">2132321</a></li>
  21.    </ul></li>   
  22.    <li><a href="#">xxz</a></li>
  23.    <li><a href="#">sadsadas</a></li>
  24.    <li><a href="#">sadsa</a>
  25.    <ul>
  26.    <li><a href="#">4444444</a></li>
  27.    <li><a href="#">2555552</a></li>
  28.    <li><a href="#">66666</a></li>
  29.    <li><a href="#">27777777771</a></li>
  30.    <li><a href="#">21</a></li>
  31.    </ul></li>
  32.    <li><a href="#">aaaaaaa</a></li>
  33. </ul>
  34. </div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. body{
  2. background-color: rgb(23, 23, 23);
  3. }
  4. #menu {
  5. 	width: 960px;
  6. }
  7. #menu ul {
  8.   position: relative;
  9. 	margin: 0;
  10. 	padding: 0;
  11. 	list-style: none;
  12. }
  13. #menu ul li a {
  14.   display: block;
  15. 	padding: 0 10px 6px;
  16. 	font: bold Arial, sans-serif;
  17. 	text-decoration: none;
  18.   color: rgb( 256, 256, 256);
  19.   float: left;
  20. }
  21. #menu ul li a:hover {
  22. 	color: #002B75;
  23. }
  24. #menu li  ul{
  25.  
  26.   display: none;
  27.   padding-top:30px;
  28. }
  29. #menu li:hover ul {
  30.   display: block;
  31.     position: absolute;
  32. }
  33. #menu  li ul  li {  
  34.   display: inline;
  35.   float: left;
  36. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

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

Posty w temacie
- Mgorka   [HTML][CSS]nie aktywny element <a href> w menu   27.05.2011, 21:20:38
- - neo1986kk   ale w ogóle nie reagują czy po pojawieniu się subm...   27.05.2011, 21:29:34
- - Mgorka   po pojawieniu sie drugiego poziomu menu(subdomen)   27.05.2011, 21:31:42
- - mortus   Nie reagują, bo są zasłonięte przez podmenu. Użyj ...   27.05.2011, 21:55:51
- - Mgorka   Dzięki kolego za pomoc pomogło temat można zamknąć   27.05.2011, 22:00:42

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 12:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn