Ik heb een paar "werkende" dropdown menutjes gemaakt zie http://www.hovaerdije.nl/
Op diverse pc's met IE werkt deze zonder problemen.
Echter op andere pc's, ook met IE werkt het menu soms NIET. Het verschijnt niet.
Dit is mijn code
<!-- Opmaak dropdowm menu -->
<STYLE type=text/css media=screen>
#menu { BACKGROUND: FLOAT: left; WIDTH: 100% BORDER=0} /* Opmaak van achtergrond van .... */
#menu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 8em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none} /* Opmaak van de kolomen */
#menu A { BORDER-RIGHT: none; PADDING-RIGHT: 0px; BORDER-TOP: none; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; FONT: bold 11px/16px arial, helvetica, sans-serif; BORDER-LEFT: none; PADDING-TOP: 0px; BORDER-BOTTOM: none
} /* Opmaak van dropdown borders */
#menu A { BACKGROUND: COLOR: #00000; TEXT-DECORATION: none; BORDER=0 }/* Opmaak van dropdown achtergrond en border */
#menu A {font-family:Verdana;font-weight:normal;font-style:normal;font-size:7pt;text-decoration:none;color:#2a1a03;text-align: center}/* Opmaak van dropdown tekst */
#menu A:hover {
BACKGROUND: COLOR;
color: #003300;
font-weight: bold;
: #00000 }/* Opmaak van de dropdown achtergrond bij hover */
#menu LI {
POSITION: relative
}/* Opmaak van achtergrond van .... */
#menu UL UL {
Z-INDEX: 500; POSITION: absolute
}/* Opmaak van achtergrond van .... */
#menu UL UL UL {
LEFT: 100%; POSITION: absolute; TOP: 0px
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL LI:hover UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL LI:hover UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
</STYLE>
<!-- --------- -->
<!--[if IE]>
<STYLE type=text/css media=screen>#menu UL LI {
FLOAT: left; WIDTH: 100%
}
</STYLE>
<![endif]--><!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}
#menu ul li a {height: 1%;}
#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->
Zit er ergens toch een foutje in ?
Op diverse pc's met IE werkt deze zonder problemen.
Echter op andere pc's, ook met IE werkt het menu soms NIET. Het verschijnt niet.
Dit is mijn code
<!-- Opmaak dropdowm menu -->
<STYLE type=text/css media=screen>
#menu { BACKGROUND: FLOAT: left; WIDTH: 100% BORDER=0} /* Opmaak van achtergrond van .... */
#menu UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 8em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none} /* Opmaak van de kolomen */
#menu A { BORDER-RIGHT: none; PADDING-RIGHT: 0px; BORDER-TOP: none; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; FONT: bold 11px/16px arial, helvetica, sans-serif; BORDER-LEFT: none; PADDING-TOP: 0px; BORDER-BOTTOM: none
} /* Opmaak van dropdown borders */
#menu A { BACKGROUND: COLOR: #00000; TEXT-DECORATION: none; BORDER=0 }/* Opmaak van dropdown achtergrond en border */
#menu A {font-family:Verdana;font-weight:normal;font-style:normal;font-size:7pt;text-decoration:none;color:#2a1a03;text-align: center}/* Opmaak van dropdown tekst */
#menu A:hover {
BACKGROUND: COLOR;
color: #003300;
font-weight: bold;
: #00000 }/* Opmaak van de dropdown achtergrond bij hover */
#menu LI {
POSITION: relative
}/* Opmaak van achtergrond van .... */
#menu UL UL {
Z-INDEX: 500; POSITION: absolute
}/* Opmaak van achtergrond van .... */
#menu UL UL UL {
LEFT: 100%; POSITION: absolute; TOP: 0px
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL LI:hover UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL LI:hover UL UL {
DISPLAY: none
}/* Opmaak van achtergrond van .... */
DIV#menu UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
DIV#menu UL UL UL LI:hover UL {
DISPLAY: block
}/* Opmaak van achtergrond van .... */
</STYLE>
<!-- --------- -->
<!--[if IE]>
<STYLE type=text/css media=screen>#menu UL LI {
FLOAT: left; WIDTH: 100%
}
</STYLE>
<![endif]--><!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}
#menu ul li a {height: 1%;}
#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->
Zit er ergens toch een foutje in ?