login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[drop down menu]

Offline DrB - 24/02/2006 18:20 (laatste wijziging 05/03/2006 09:47)
Avatar van DrBHTML interesse Beste,

Ik heb een drop down menu. Dit drop down menu moet je op zijn plaats zetten door posities op te geven. Je geeft hem dan een positie mee die op een bepaalde resolutie goed te zien is. In mijn geval resolutie: 1280*994 de drop down menu staat in die resolutie goed, echter in andere resoluties is het menu natuurlijk verschoven en ook in IE staat het anders. Kortom niet een top menu.




Weet iemand een oplossing hiervoor. Of kan ik een vergelijkbaar menu anders opbouwen, dat in alle resos goed te zien is en niet verschuift bij resoluties. Ik hoop dat het duidelijk is.

DrB

5 antwoorden

Gesponsorde links
Offline Stijn - 24/02/2006 19:30
Avatar van Stijn PHP expert probeer dit eens:
http://www.pastebin.be/391/

Je header image staat eerst en vooral niet center en je menu (volgens mijn zicht) wel.
Offline DrB - 24/02/2006 20:48 (laatste wijziging 25/02/2006 14:37)
Avatar van DrB HTML interesse Nee dat maakt niet uit, in elke resolutie is die dan anders. Ik zal het ene bestand van het menu wel even posten, het anderee is te groot:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/script>";_d.write(mt)}
  2.  
  3. effect = "Fade(duration=0.2);Alpha(style=0,opacity=85);Shadow(color='#777777', Direction=135, Strength=5)"
  4.  
  5.  
  6. timegap=500			// The time delay for menus to remain visible
  7. followspeed=5		// Follow Scrolling speed
  8. followrate=40		// Follow Scrolling Rate
  9. suboffset_top=1;	// Sub menu offset Top position 
  10. suboffset_left=1;	// Sub menu offset Left position
  11.  
  12. style1=[			// style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
  13. "ffffff",				// Mouse Off Font Color
  14. "afa699",			// Mouse Off Background Color
  15. "FFFFFF",			// Mouse On Font Color
  16. "d8cdbc",			// Mouse On Background Color
  17. "F7F7CE",			// Menu Border Color 
  18. 12,					// Font Size in pixels
  19. "normal",			// Font Style (italic or normal)
  20. "bold",				// Font Weight (bold or normal)
  21. "Verdana, Helvetica, Verdana, sans-serif",	// Font Name
  22. 1,					// Menu Item Padding
  23. "",		// Sub Menu Image (Leave this blank if not needed)
  24. 1,					// 3D Border & Separator bar
  25. "c0c0c0",			// 3D High Color
  26. "999999",			// 3D Low Color
  27. "afa699",			// Current Page Item Font Color (leave this blank to disable)
  28. "grey",				// Current Page Item Background Color (leave this blank to disable)
  29. "",		// Top Bar image (Leave this blank to disable)
  30. "ffffff",			// Menu Header Font Color (Leave blank if headers are not needed)
  31. "afa699",			// Menu Header Background Color (Leave blank if headers are not needed)
  32. "cccccc",				// Menu Item Separator Color
  33. ]
  34.  
  35.  
  36.  
  37.  
  38. addmenu(menu=[		// This is the array that contains your menu properties and details
  39. "mainmenu",			// Menu Name - This is needed in order for the menu to be called
  40. 158,					// Menu Top - The Top position of the menu in pixels
  41. 242,				// Menu Left - The Left position of the menu in pixels
  42. ,					// Menu Width - Menus width in pixels
  43. 2,					// Menu Border Width 
  44. ,					// Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
  45. style1,				// Properties Array - this is set higher up, as above
  46. 1,					// Always Visible - allows the menu item to be visible at all time (1=on/0=off)
  47. "left",				// Alignment - sets the menu elements text alignment, values valid here are: left, right or center
  48. ,				// Filter - Text variable for setting transitional effects on menu activation - see above for more info
  49. ,					// Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
  50. 1, 					// Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
  51. ,					// Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
  52. ,					// Position of TOP sub image left:center:right
  53. ,					// Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
  54. ,					// Right To Left - Used in Hebrew for example. (1=on/0=off)
  55. ,					// Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
  56. ,					// ID of the div you want to hide on MouseOver (useful for hiding form elements)
  57. ,					// Background image for menu when BGColor set to transparent.
  58. ,					// Scrollable Menu
  59. ,					// Reserved for future use
  60. ,"&nbsp;Home&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;","http://www.xedo.nl",,"Ga naar de indexpagina",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"
  61. ,"&nbsp;Info&nbsp;&nbsp;&nbsp;&nbsp;","show-menu=info",,"beschrijving van het item",1
  62. ,"&nbsp;Leden&nbsp;&nbsp;&nbsp;&nbsp;","show-menu=animatie",,"beschrijving van het item",1 
  63. ,"&nbsp;Zusterorganisaties&nbsp;&nbsp;&nbsp;","show-menu=zusterorganisaties",,"beschrijving van het item",1 
  64. ,"&nbsp;Publicaties&nbsp;&nbsp;&nbsp;","show-menu=publicaties",,"beschrijving van het item ",1 
  65. ,"&nbsp;Algemene&nbsp;marktinformatie&nbsp;&nbsp;&nbsp;","show-menu=marktinformatie",,"beschrijving van het item ",1
  66. ,"&nbsp;Routebeschrijving&nbsp;&nbsp;&nbsp;","show-menu=routebeschrijving",,"beschrijving van het item ",1
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73. ])
  74.  
  75. 	addmenu(menu=["start",
  76. 	,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
  77. 	,"Start","http://www.xedo.nl/",,,1
  78. 	])
  79.  
  80. 	addmenu(menu=["animatie",
  81. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  82. 	,"link1","http://www.xedo.nl",,,1
  83. 	,"link2","http://www.xedo.nl",,,1	
  84. 	,"link3","http://www.xedo.nl",,,1		
  85. 	,"link4","http://www.xedo.nl",,,1	
  86.  
  87. 	])	
  88.  
  89.  
  90.  
  91.  
  92. 	addmenu(menu=["zusterorganisaties",
  93. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  94. 	,"link1","http://www.xedo.nl",,,1
  95. 	,"link2","http://www.xedo.nl",,,1	
  96. 	,"link3","http://www.xedo.nl",,,1		
  97. 	,"link4","http://www.xedo.nl",,,1	
  98.  
  99. 	])		
  100.  
  101. 	addmenu(menu=["publicaties",
  102. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  103. 	,"link1","http://www.xedo.nl",,,1
  104. 	,"link2","http://www.xedo.nl",,,1	
  105. 	,"link3","http://www.xedo.nl",,,1		
  106. 	,"link4","http://www.xedo.nl",,,1	
  107.  
  108. 	])	
  109.  
  110.  
  111. 		addmenu(menu=["info",
  112. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  113. 	,"link1","http://www.xedo.nl",,,1
  114. 	,"link2","http://www.xedo.nl",,,1	
  115. 	,"link3","http://www.xedo.nl",,,1		
  116. 	,"link4","http://www.xedo.nl",,,1	
  117.  
  118. 	])	
  119.  
  120.  
  121.  
  122.  
  123. 	addmenu(menu=["marktinformatie",
  124. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  125. 	,"link1","http://www.xedo.nl",,,1
  126. 	,"link2","http://www.xedo.nl",,,1	
  127. 	,"link3","http://www.xedo.nl",,,1		
  128. 	,"link4","http://www.xedo.nl",,,1
  129. 	,"link5","http://www.xedo.nl",,,1	
  130.  
  131. 	])	
  132.  
  133.  
  134.  
  135.  
  136. addmenu(menu=["routebeschrijving",
  137. 	,,140,1,"",style1,,"left",effect,,,,,,,,,,,,
  138. 	,"link1","http://www.xedo.nl",,,1
  139. 	,"link2","http://www.xedo.nl",,,1	
  140. 	,"link3","http://www.xedo.nl",,,1		
  141.  
  142.  
  143. 	])
  144.  
  145. dumpmenus()



Je ziet dat je posities moet geven:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. 158,					// Menu Top - The Top position of the menu in pixels
  2. 242,				// Menu Left - The Left position of the menu in pixels



Ik wil dus mijn drop down menu in alle resoluties en browsers hetzelfde hebben.Ik weet niet of er een zelfde soort is, waarbij dit het geval is? Of dat deze aanpasbaar is.
Offline Stijn - 25/02/2006 14:17
Avatar van Stijn PHP expert probeer het eens door 50% (met/zonder quotes) te zetten ipv 242 ...
Offline DrB - 25/02/2006 16:57 (laatste wijziging 05/03/2006 09:47)
Avatar van DrB HTML interesse Hej,

Bedankt voor je antwoord!

Het werkt helaas niet.


Nu blijft hij bovenaan staan, maakt niet uit hoeveel % je opgeeft.


// Edit

Als iemand een vergelijkbaar menu weet, mag die hem natuurlijk ook posten. Het moet er uiteraard wel mooi uit zien en horizontaal zijn.
Offline sjak - 04/03/2006 20:48
Avatar van sjak HTML interesse Miss zinloos maar probeer eens de hele resolutie gewoon weg te laten,
niet dat ik weet of je het menu ofzow dan wel heb mar je kan et probere:?:
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s