login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Uitrolbaar menu

Offline luxemos - 15/02/2009 17:07 (laatste wijziging 15/02/2009 21:14)
Avatar van luxemosNieuw lid Ik heb een menu balk kunnen ineensteken en deze is inorde. Alleen zou ik nu graag die kunnen laten uitrollen om meerdere menu-navigaties te kunnen verwezelijken. Weet iemand hoe dit moet ? Zoja, ook op mijn menubalk?


Mijn CSS:

  1. #tabs5 {
  2.  
  3. background:#CECEE1;
  4. line-height:normal;
  5. font-size: 1.8em;
  6. padding: 5px 5px 5px 5px;
  7. border: 1px solid #595999;
  8. margin: 10px 0px 10px 0px;
  9. height:30px;
  10.  
  11. }
  12. #tabs5 ul {
  13. margin:0;
  14. padding:0px 5px 0px 0px;
  15. list-style:none;
  16. }
  17. #tabs5 li {
  18. display:inline;
  19. margin:0;
  20. padding:0;
  21. }
  22. #tabs5 a {
  23. float:left;
  24. background:url("/img/tableft5.gif") no-repeat left top;
  25. margin:0;
  26. padding:0 0 0 4px;
  27. text-decoration:none;
  28. }
  29. #tabs5 a span {
  30. float:left;
  31. display:block;
  32. background:url("/img/tabright5.gif") no-repeat right top;
  33. padding:5px 15px 4px 6px;
  34. color:#FFF;
  35. }
  36. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  37. #tabs5 a span {float:none;}
  38. /* End IE5-Mac hack */
  39. #tabs5 a:hover span {
  40. color:#FFF;
  41. }
  42. #tabs5 a:hover {
  43. background-position:0% -42px;
  44. }
  45. #tabs5 a:hover span {
  46. background-position:100% -42px;
  47. }
  48.  
  49. #tabs5 #current a {
  50. background-position:0% -42px;
  51. }
  52. #tabs5 #current a span {
  53. background-position:100% -42px;
  54. }


Mijn html:

  1. <div id="tabs5">
  2. <ul>
  3. <!-- CSS Tabs -->
  4. <li><a href="index.php"><span>Agenda</span></a></li>
  5. <li><a href="wiezijnwe.php"><span>Wie zijn we?</span></a></li>
  6. <li><a href="takken.php"><span>Takken</span></a></li>
  7. <li><a href="krochtje.php"><span>Krochtje</span></a></li>
  8. <li><a href="fotos.php"><span>Foto's</span></a></li>
  9. <li><a href="contact.php"><span>Contact</span></a></li>
  10. <li><a href="forum2"><span>Forum</span></a></li>
  11. <li><a href="links.php"><span>Links</span></a></li>
  12. </ul>
  13. </div>

Citaat:
Sliphead Edit: Code tags gebruiken!!

4 antwoorden

Gesponsorde links
Offline rredspike1 - 15/02/2009 17:12
Avatar van rredspike1 Lid Misschien dat je het in code kan zetten.
Offline luxemos - 15/02/2009 17:25
Avatar van luxemos Nieuw lid ja maar welke code? Moet in css en html veranderingen gebeuren.
Offline roberini - 15/02/2009 19:33
Avatar van roberini HTML beginner Je drukt op het knopje rechts naast de U Dan druk je voor de css op CSS en voor de html op HTML 4 strict.
Offline luxemos - 15/02/2009 20:40 (laatste wijziging 15/02/2009 20:49)
Avatar van luxemos Nieuw lid Aah begrijp wat jullie bedoelen. Ik ben hier nieuw en moet alles nog onder de knie krijgen. Maar ondertussen iemand een idee?

Ik wil bv bij het menu-item : foto's nog een onderverdeling (uitrolbaar) in jaartallen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s