nicht angemeldet
Pull-Down Menüleiste
Hallo,
ich habe folgendes und zwar funktioniert das pull-down Menü bei mir unter Benutzung verschidener Browser nicht.
Im IE wird bei mouseover ein Block angezeigt mit den Link, bei Firefox jedoch in einer Reihe. Vllt könnt ihr mir da helfen?!
Nachfolgend Auszug auf dem Quelltext:
Head-Bereich:
<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #379BFF;width:80%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:oblique;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #379BFF;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #379BFF;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #379BFF;}
.pd_menu_01 ul li:hover a {background-color:#005EBB; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:8em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#379BFF; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#005EBB; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #379BFF;}
.pd_menu_01 ul li a:hover {background-color:#005EBB; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:1em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#379BFF; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#005EBB; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
</style>
-
Im IE wird bei mouseover ein Block angezeigt mit den Link, bei Firefox jedoch in einer Reihe. Vllt könnt ihr mir da helfen?!
interessensfrage: hast du das selbst so unübersichtlich geschrieben?