login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Dropdown menu niet in IE

Offline baszer - 11/02/2010 14:15
Avatar van baszerNieuw lid zoals jullie waarschijnlijk weten kan je niet zomaar een dropdownmenu maken in IE mbv CSS nou wil ik dat wel doen en heb ik ook een gemaakt die wel werkt in Chrome maar niet in IE. Hoe krijg ik het nu wel werkend?

ik heb zeg maar de bel horen luiden maar weet niet waar de klepel hangt, mijn css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. /*navigation menu */
  2. #nav {
  3. padding: 60px 0 0 0;
  4. margin: 0;
  5. list-style: none;
  6. float: right;
  7.  
  8.  
  9. }
  10.  
  11. #nav ul {
  12. padding: 0px 0 0 0; //lijntje tussen hoofd en submenu
  13. margin: 0 0 0 0;
  14. list-style: none;
  15. float: right;
  16. }
  17.  
  18. #nav li {
  19. float: left;
  20. width: 150px;
  21. text-align: center;
  22. }
  23.  
  24. #nav ul {
  25. position: absolute;
  26. width: 120px;
  27. left: -1000px;
  28. }
  29.  
  30. #nav li:hover ul, #nav li.ie_does_hover ul {
  31. left: auto;
  32. background-position: 0 0;
  33. }
  34.  
  35. #nav a {
  36. display: block;
  37. height: 24px;
  38. margin: 0px 1px 0px 0px;
  39. padding-top: 5px;
  40. text-decoration: none;
  41. font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  42. font-size: 16px;
  43. }
  44.  
  45. ul a:link, ul a:visited {
  46. color: #1F1F1F;
  47. background-image: url("img/menu_bg.png");
  48. }
  49.  
  50. ul a:hover  {
  51. color: #1F1F1F;
  52. background-image: url("img/hover_menu_bg.png");
  53. }
  54.  
  55. ul ul li a:link, ul ul li a:visited {
  56. border-left: 1px solid #1F1F1F;
  57. border-bottom: 1px solid #1F1F1F;
  58. border-right: 1px solid #1F1F1F;
  59. background-image: url("img/sub_menu_bg.png");
  60. opacity:0.95;
  61. }
  62.  
  63. ul ul li a:hover {
  64. border-left: 1px solid #1F1F1F;
  65. border-bottom: 1px solid #1F1F1F;
  66. border-right: 1px solid #1F1F1F;
  67. background-image: url("img/sub_menu_bg.png");
  68. opacity:1;
  69. }
  70.  
  71. ul ul a:link, ul ul a:visited{
  72. font-weight: normal;
  73. color: #CCC;
  74. }
  75.  
  76. ul ul a:hover, ul ul a:active{
  77. font-weight: normal;
  78. color: #FFF;
  79. }
  80.  
  81. ul li{
  82.  
  83. //background-image: url("img/menu_bg.png");
  84. //border-right: 1px solid #1F1F1F;
  85.  
  86. }
  87.  
  88. ul ul li{
  89.  
  90.  
  91. }
  92.  
  93. #nav li:hover ul, #nav li.ie_does_hover ul {
  94. left: auto;
  95. background-position: 0 0;
  96. }
  97.  
  98. /* IE only hack \*/
  99. * html ul li, * html ul ul li{
  100. border-bottom: 3px solid #FFF;
  101. }
  102.  
  103. * html ul ul li{
  104. border-top: 0;
  105. }
  106. /* Einde IE only hack */


alvast bedankt!

1 antwoord

Gesponsorde links
Offline cx1213 - 11/02/2010 17:01
Avatar van cx1213 Lid kan je je html ook even posten?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.184s