nicht angemeldet
Hallo zusammen!
Von Gestern auf Heute bin ich für unsere neu ins web gestellte Homepage zuständig.
Leider musste ich feststellen, dass ein horizontales Menue nicht nur im IE 6 funktioniert.
Im IE 7, Firefox funktioniert das menue nicht. Das heißt:
Wenn man mit dem Mauszeiger über das Menue streicht erscheint nicht die Hand und
es ist auch keine Funktion durch klicken ausführbar. Im IE 6 ist alles ok!
Ich vermute, dass ich für die anderen Versionen IE 7, IE 5 und Firefox zusätzliche
Angaben machen muss - habe aber leider noch keine Ahnung welche.
Ich hoffe ich habe alle wichtigen Bereiche aus dem script kopiert.
Vielen Dank im Voraus an die Experten!
Gruß Stefan
ul {
position: absolute;
width: 750px;
height: 113px;
list-style-type: none;
margin: 0;
padding: 0;
left: -1px;
top:35px;
}
<ul>
<li id="bu2"><a href="../texte/glaskos.html"><span>Glas/ Kosmetik</span></a></li>
<li id="bu3"><a href="../texte/kunkos.html"><span>Kunststoff/ Kosmetik</span></a></li>
<li id="bu4"><a href="../texte/kunchem.html"><span>Kunststoff/ Chemie</span></a></li>
<li id="bu5"><a href="../texte/glaspharm.html"><span>Glas/ Pharmazie</span></a></li>
<li id="bu6"><a href="../texte/airless.html"><span>Airless-Spender</span></a></li>
<li id="bu7"><a href="../texte/dosier.html"><span>Dosierpumpen</span></a></li>
<li id="bu8"><a href="../texte/news.html"><span>News</span></a></li>
<li id="alles"><a href="../texte/allesin.html"><span>Alles aus einer Hand</span></a></li>
<li id="hulo"><a href="../texte/hulo.html"><span>TEST GmbH</span></a></li>
</ul>
*li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a, li#bu5 a, li#bu6 a, li#bu7 a, li#bu8 a {
position: absolute;
width: 110px;
height: 32px;
bottom: 3px;
text-decoration: none;
left: 633px;
visibility: inherit;
z-index: 2;
}
/* adjusted values for IE6 */
html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a, * html*li#bu5 a, * html*li#bu6 a, * html*li#bu7 a { bottom: 38px; }
*li#bu8 a { bottom: 41px; }
*li#hulo a {
position: absolute;
width: 128px;
height: 154px;
bottom: 12px;
text-decoration: none;
left: 1px;
visibility: inherit;
z-index: 2;
li#alles a { left: 126px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#alles a:hover { background-image:url(../bilder/Trans.gif); }
li#alles a:active { background-image:url(../bilder/Trans.gif); }
li#bu1 a { left: 21px; }
li#bu2 a { left: 126px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu2 a:hover { background-image:url(../bilder/GlasKos1.png); }
li#bu2 a:active { background-image:url(../bilder/GlasKos.png); }
li#bu3 a { left: 227px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu3 a:hover { background-image:url(../bilder/KunKos1.png); }
li#bu3 a:active { background-image:url(../bilder/KunKos.png); }
li#bu4 a { left: 329px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu4 a:hover { background-image:url(../bilder/KunChem1.png); }
li#bu4 a:active { background-image:url(../bilder/KunChem.png); }
li#bu5 a { left: 430px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu5 a:hover { background-image:url(../bilder/GlasPharm1.png); }
li#bu5 a:active { background-image:url(../bilder/GlasPharm.png); }
li#bu6 a { left: 532px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu6 a:hover { background-image:url(../bilder/airless1.png); }
li#bu6 a:active { background-image:url(../bilder/airless.png); }
li#bu7 a { left: 633px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu7 a:hover { background-image:url(../bilder/dosier1.png); }
li#bu7 a:active { background-image:url(../bilder/dosier.png); }
li#bu8 a { left: 733px; background: url(../bilder/Trans.gif) 0 0 no-repeat; }
li#bu8 a:hover { background-image:url(../bilder/news1.png); }
li#bu8 a:active { background-image:url(../bilder/news.png); }