Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: drop-down menu in CSS
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
barF
mam takie menu ( sciagniete z alistapart )
  1. <style type="text/css">
  2. ul { }
  3.  
  4. ul li { }
  5.  
  6. li ul {
  7. display: none;
  8. }
  9.  
  10. /* Styles for Menu Items */
  11. ul li a {
  12. display: block;
  13. }
  14.  
  15. /* Holly Hack. IE Requirement \*/
  16. * html ul li { height: 1%; }
  17. * html ul li a { height: 1%; }
  18. /* End */
  19.  
  20. li:hover ul, li.over ul { display: block; } /* The magic */
  21. <ul id="nav">
  22. <li><a href="#">Home</a></li>
  23. <li><a href="#">About</a>
  24. <ul>
  25. <li><a href="#">History</a></li>
  26. <li><a href="#">Team</a></li>
  27. <li><a href="#">Offices</a></li>
  28. </ul>
  29. </li>
  30. <li><a href="#">Services</a>
  31. <ul>
  32. <li><a href="#">Web Design</a></li>
  33. <li><a href="#">Internet Marketing</a></li>
  34. <li><a href="#">Hosting</a></li>
  35. <li><a href="#">Domain Names</a></li>
  36. <li><a href="#">Broadband</a></li>
  37. </ul>
  38. </li>
  39. <li><a href="#">Contact Us</a>
  40. <ul>
  41. <li><a href="#">United Kingdom</a></li>
  42. <li><a href="#">France</a></li>
  43. <li><a href="#">USA</a></li>
  44. <li><a href="#">Australia</a></li>
  45. </ul>
  46. </li>
  47. </ul>


chce je przerobic na menu poziome.
myslalem ze wystarczy dla glownego UL dodac display : inline ale to niedziala, prosze o pomoc
Zajec
#nav > li { float: left; }
barF
ok dziala.
a jak go przypisac zeby to menu dzialalo tylko dla ul`a o id="nav" ?
bim2
Przed kazdum ul i li daj #nav czyli #nav ul
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.