Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> drop-down menu in CSS
barF
post 11.07.2006, 12:16:07
Post #1





Grupa: Zarejestrowani
Postów: 43
Pomógł: 1
Dołączył: 17.01.2006
Skąd: pionowe

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


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
Go to the top of the page
+Quote Post
Zajec
post 11.07.2006, 12:38:19
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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


#nav > li { float: left; }
Go to the top of the page
+Quote Post
barF
post 14.07.2006, 14:21:33
Post #3





Grupa: Zarejestrowani
Postów: 43
Pomógł: 1
Dołączył: 17.01.2006
Skąd: pionowe

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


ok dziala.
a jak go przypisac zeby to menu dzialalo tylko dla ul`a o id="nav" ?
Go to the top of the page
+Quote Post
bim2
post 15.08.2006, 15:28:39
Post #4





Grupa: Zarejestrowani
Postów: 1 873
Pomógł: 152
Dołączył: 9.04.2006
Skąd: Berlin

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


Przed kazdum ul i li daj #nav czyli #nav ul


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.06.2025 - 06:19