login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Dropdownmenu

Offline keverineke - 08/08/2011 00:08 (laatste wijziging 08/08/2011 00:11)
Avatar van keverinekeLid Hallo,

Ik heb een drop down menu met een balk als achtergrond. Nu als ik met mijn muis over de button ga moet hij een vakje onder de button tonen zoals een normale dropdownmenu zou moeten doen, maar mijn vakje komt achter mijn balk te staan i.p.v onder de button "DJ Set", hier een screentje:
Hier

Hier mijn opmaak in HTML:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="container_header">
  2. 	<div class="menu_balk">
  3. 		<div class="menu_spacer"></div>
  4. 			<a href="/homepage"><img src="/images/menu_homepage.gif" id="menu_homepage" border="0" onMouseOver="this.src=homepage_over.src" onMouseOut="this.src=homepage.src" /></a>
  5. 		<div class="menu_spacer"></div>
  6. 			<a href="/bio"><img src="/images/menu_bio.gif" id="menu_bio" border="0" onMouseOver="this.src=bio_over.src" onMouseOut="this.src=bio.src" /></a>
  7. 		<div class="menu_spacer"></div>
  8. 			<a href="/photos"><img src="/images/menu_photos.gif" id="menu_photos" border="0" onMouseOver="this.src=photos_over.src" onMouseOut="this.src=photos.src" /></a>
  9. 		<div class="menu_spacer"></div>
  10. 			<a href="/set" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '100px')" onMouseout="delayhidemenu()"><img src="/images/menu_set.gif" id="menu_set" border="0" onMouseOver="this.src=set_over.src" onMouseOut="this.src=set.src" /></a>
  11. 		<div class="menu_spacer"></div>
  12. 			<a href="/contact"><img src="/images/menu_contact.gif" id="menu_contact" border="0" onMouseOver="this.src=contract_over.src" onMouseOut="this.src=contract.src" /></a>
  13. 		<div class="menu_spacer"></div>
  14. 	</div>
  15. 		<div class="header"></div>
  16. </div>


Hier mijn stukje CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.menu_balk {
  2. 	background-image: url(images/menu_balk.png);
  3. 	background-repeat: repeat-x;
  4. 	width: 100%;
  5. 	max-width: 1024px;
  6. 	height: 50px;
  7. 	position: absolute;
  8. 	top: 0px;
  9. 	left: 0px;
  10. }
  11.  
  12. div.menu_spacer {
  13. 	width: 75px;
  14. 	height: 50px;
  15. 	float: left;
  16. }
  17.  
  18. #menu_set, #menu_set a {
  19. 	width: 100px;
  20. 	height: 50px;
  21. 	background-image: url(images/menu_set.gif);	
  22. 	float: left;
  23. }
  24.  
  25. #dropmenudiv{
  26. 	position:absolute;
  27. 	border:1px solid black;
  28. 	border-bottom-width: 0;
  29. 	font-family:Verdana, Arial;
  30. 	font-size: 10px;
  31. 	text-decoration:none;
  32. 	line-height:18px;
  33. 	z-index:100;
  34. }
  35.  
  36. #dropmenudiv a{
  37. 	width: 100%;
  38. 	display: block;
  39. 	text-indent: 3px;
  40. 	border-bottom: 1px solid black;
  41. 	padding: 1px 0;
  42. 	text-decoration: none;
  43. 	font-weight: bold;
  44. }
  45.  
  46. #dropmenudiv a:hover{ /*hover background color*/
  47. 	background-color: #444444;
  48. }


En hier het javascript documentje:
Plaatscode: 141192

Hoe zou dit komen?

3 antwoorden

Gesponsorde links
Offline FrankL - 08/08/2011 11:13
Avatar van FrankL Lid Misschien komt dat doordat het dropdownmenu op de zelfde hoogte als de balk komt?
Offline keverineke - 08/08/2011 20:28
Avatar van keverineke Lid Ik denk van niet want HIER heb ik dezelfde dropdownmenu en daar gaat ie wel. Heb al van alles geprobeerd maar tot nu toe niet gevonden 
Offline FrankL - 09/08/2011 00:30
Avatar van FrankL Lid Kan je toevallig ook de hele html plaatsen(via plaatscode)?
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s