login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Dropdown menu

Offline ThomasK1201 - 11/11/2015 17:40 (laatste wijziging 11/11/2015 17:41)
Avatar van ThomasK1201Lid Goedenavond,

ik ben nogal een beginner in de HTML-CSS wereld, doe nu HAVO 5, dus weet nog niet zo gek veel.
Anyways: ik wil dus een dropdownmenu maken, maar ik wil er niet zomaar eentje van het internet kopiëren want dan leer ik het nooit. Ik snap hoe ik een gewoon menu moet maken, het probleem zit 'm vooral in het stukje CSS, en dan vooral het hover..
Dit is mijn code; misschien wil iemand er wat uitleg bij geven hoe ik het hover moet gebruiken Het gedeelte wat dus moet uitklappen als de muis er overheen gaat, zijn de Makkelijk, Gemiddeld en Moeilijk.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="nav">
  2. 		<ul>
  3. 			<li>Optellen</li><br>
  4. 					<ul>
  5. 						<li>Makkelijk</li>
  6. 						<li>Gemiddeld</li>
  7. 						<li>Moeilijk</li>
  8. 					</ul>
  9. 			<li>Aftrekken</li><br>
  10. 					<ul>
  11. 						<li>Makkelijk</li>
  12. 						<li>Gemiddeld</li>
  13. 						<li>Moeilijk</li>
  14. 					</ul>
  15. 			<li>Vermenigvuldigen</li><br>
  16. 					<ul>
  17. 						<li>Makkelijk</li>
  18. 						<li>Gemiddeld</li>
  19. 						<li>Moeilijk</li>
  20. 					</ul>
  21. 			<li>Delen</li><br>
  22. 					<ul>
  23. 						<li>Makkelijk</li>
  24. 						<li>Gemiddeld</li>
  25. 						<li>Moeilijk</li>
  26. 					</ul>
  27. 			<li>Machtsheffen</li><br>
  28. 					<ul>
  29. 						<li>Makkelijk</li>
  30. 						<li>Gemiddeld</li>
  31. 						<li>Moeilijk</li>
  32. 					</ul>
  33. 			<li>Worteltrekken</li><br>
  34. 					<ul>
  35. 						<li>Makkelijk</li>
  36. 						<li>Gemiddeld</li>
  37. 						<li>Moeilijk</li>
  38. 					</ul>
  39. 			<li>Tussen haakjes</li><br>
  40. 					<ul>
  41. 						<li>Makkelijk</li>
  42. 						<li>Gemiddeld</li>
  43. 						<li>Moeilijk</li>
  44. 					</ul>
  45. 			<li>Alles door elkaar</li><br>
  46. 					<ul>
  47. 						<li>Makkelijk</li>
  48. 						<li>Gemiddeld</li>
  49. 						<li>Moeilijk</li>
  50. 					</ul>
  51. 		</ul>
  52.  
  53. _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
  54.  
  55. 		<br>
  56. 		<ul>
  57. 			<li>Stelling van Pythagoras</li><br>
  58. 					<ul>
  59. 						<li>Makkelijk</li>
  60. 						<li>Gemiddeld</li>
  61. 						<li>Moeilijk</li>
  62. 					</ul>
  63. 		</ul>
  64. 	</div>


Thomas

1 antwoord

Gesponsorde links
Offline Thomas - 11/11/2015 20:49
Avatar van Thomas Moderator Euh, heb je al enige CSS, of nog helemaal niets?

Daarbij zul je nog twee dingen moeten aanpassen:
- linebreaks in een list lijken mij niet nodig?
- volgens mij is het gebruikelijk/verplicht dat je een sub-list begint binnen een list item

Dus in plaats van dit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2.     <li>item</li>
  3.     <ul>
  4.         <li>subitem</li>
  5.     </ul>
  6. </ul>

Zal het sowieso zoiets moeten zijn:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2.     <li>item<ul>
  3.         <li>subitem</li>
  4.     </ul></li>
  5. </ul>
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.344s