login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Uitgebreider navigatie menu

Offline pcio - 26/03/2008 19:26
Avatar van pcioNieuw lid Hoi,

Ik heb op deze site een navigatie menu gedownload (html) en omgezet in PHP. Nu wil ik graag een 3e menutje hier aan toevoegen, oftewel.
Bovenin zijn nu 5 keuze's.
Als je hieroverheen gaat met de muis zakken deze naar onder open als een dropdown menu.
Ik wil dan bij sommige dropdown items dat als je daar met je muis overheen gaat er weer een menuutje uitkomt een de rechter of linker kant.

Is dit mogelijk??

De code was dus eerst html en staat nu in een php bestand:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <body>
  3. </script>
  4. <font face="Calibri" size="4"> 
  5. <table width="100%"> <tr bgcolor="#d8e1e9"> 
  6. 	<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')" width="20%" align="left"> 
  7.     <a href="start/welkom.htm">Algemeen</a><br /><table class="menu" id="site1" width="100%"> <tr>
  8. 		<td class="menu" align="left">
  9.     <a href="start/welkom.htm">Home</a></td></tr> <tr><td class="menu" align="left">
  10.     <a href="Contact/form.php">Contact</a></td></tr> <tr>
  11. 			<td class="menu" align="left">
  12. 	<a href="Gastenboek/index.php">Gastenboek</a></td></tr> 
  13. </table></td>
  14. <td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')" width="20%" align="left"> 
  15. <b>Begrippen</b><br /> 
  16.   <table class="menu" id="site2" width="100%">
  17.     <tr>
  18.       <td class="menu"><b>Nog niet af</b></td>
  19.     </tr>
  20.   </table></td>
  21. <td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')" width="20%" align="left"> 
  22. <a href="Tips/index.htm">Tips en trucs</a><br /> 
  23.   <table class="menu" id="site3" width="100%">
  24.     <tr>
  25.       <td class="menu">
  26. 		<a target="frame1" href="Tips/Windows%20tips/index%20tips.htm">Windows xp</a></td>
  27.     </tr>
  28.       <tr>
  29.       <td class="menu">
  30. 		<a target="frame1" href="Tips/Foto%20tips/index-fototips.htm">Foto tips</a></td>
  31.     </tr>
  32.     <td class="menu">
  33. 		<a target="frame1" href="../Tips/Anoniemmailen/anoniemmailen.php">Anoniem E-mailen</a></td>
  34.     </tr>
  35.  
  36.  
  37.   </table></td>
  38. <td onmouseover="toonmenu('site4')" onmouseout="verstopmenu('site4')" width="20%" align="left"> 
  39. <a href="Gratis%20software/index.htm">Gratis Software</a><br /> 
  40.   <table class="menu" id="site4" width="100%">
  41.     <tr>
  42.       <td class="menu">
  43. 		<a target="frame1" href="Gratis%20software/Beveiliging/index.htm">
  44. 		Beveiliging</a></td>
  45.     </tr>
  46.     <tr>
  47.       <td class="menu"><a href="Gratis%20software/Multimedia/index.htm">Multimedia</a></td>
  48.     </tr>
  49.  
  50.   </table></td>
  51. <td onmouseover="toonmenu('site5')" onmouseout="verstopmenu('site5')" width="20%" align="left"> 
  52. <a href="Handleidingen/index.htm">Handleidingen</a><br /> 
  53.   <table class="menu" id="site5" width="100%">
  54.     <tr>
  55.       <td class="menu">
  56. 		<a target="frame1" href="Handleidingen/Films%20downloaden%20(youtube)/index.htm">
  57. 		Films downloaden</a></td>
  58.     </tr>
  59.     <tr>
  60.       <td class="menu">
  61. 		<a target="frame1" href="Handleidingen/Film%20ondertitelen/film%20ondertitelen.htm">
  62. 		Films ondertitelen</a></td>
  63.     </tr>
  64.   </table></td></table>

2 antwoorden

Gesponsorde links
Offline Pellens - 26/03/2008 19:49
Avatar van Pellens PHP interesse Je kan dit redelijk basic maken m.b.v. JS en Div's in je HTML, maar als je echt een menu wilt dat naar beneden glijdt kan je dit met vele tutorials die online staan... even google ofzo gebruiken.
Offline mebus - 26/03/2008 20:17
Avatar van mebus Nieuw lid www.moootools.net
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s