Rollovermenü im mx-rainbow

Begonnen von wiederalleine, 22 November 2010, 17:34:02

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

wiederalleine

Nettes Hallo an Euch,

versuchen im mx-rainbow anstelle der normalen Navigationsbuttons ein Rollovermenü einzubauen. Haben dazu erst in der theme.html folgendes eingebaut:

##################################
<style type="text/css">
   div#menu{ height:90px; width:800px; margin: 0 auto; overflow:hidden; border-right-style: hidden; }
   div#menu ul,div#menu li{
      margin:0;
      padding:0;
      list-style:none;
      display:inline;
   }
   div#menu a{
      margin-top:0;
   }
   div#menu a,div#menu a:hover{
      height:180px;
      overflow:hidden;
      display:block;
      text-decoration:none;
      float:left;
   }
   div#menu a:hover{
      margin-top:-90px;
   }
   a:active, a:link, a:visited {
   height:180px;
      overflow:hidden;
      display:block;
      text-decoration:none;
      float:left;
      }
   div#menu a:visited{
      margin-top:90px;
}
   img{
      border:none;
   }
   html + body div#menu a#chicneu{/* only for IE 5.0 */
      width:90px; background-image:url(images/navbuttons/chicneu.jpg); border-right-style: hidden; }
   html + body div#menu a#gesundneus{/* only for IE 5.0 */
      width:99px;
      background-image:url(images/navbuttons/gesundneu.jpg);
   }
   html + body div#menu a#kreativneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/kreativneu.jpg);
   }
   html + body div#menu a#jungneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/jungneu.jpg);
   }
   html + body div#menu a#koestlichneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/koestlichneu.jpg);
   }
   html + body div#menu a#professionellneus{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/professionellneu.jpg);
   }
   html + body div#menu a#spannendneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/spannendneu.jpg);
   }
   html + body div#menu a#kompetentneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(images/navbuttons/kompetentneu.jpg);
   }
   html + body div#menu a img{/* only for IE 5.0 */
      display:none;
   }
</style>
      
   </head>

########################################

und dann

in der my_header.php das folgende.
#########################################################################################

<style type="text/css">
   div#menu{ height:90px; width:797px; margin: 0 auto; overflow:hidden; border-right-style: hidden; }
   div#menu ul,div#menu li{
      margin:0;
      padding:0;
      list-style:none;
      display:inline;
   }
   div#menu a{
      margin-top:0;
   }
   div#menu a,div#menu a:hover{
      height:180px;
      overflow:hidden;
      display:block;
      text-decoration:none;
      float:left;
   }
   div#menu a:hover{
      margin-top:-90px;
   }
   a:active, a:link, a:visited {
   height:180px;
      overflow:hidden;
      display:block;
      text-decoration:none;
      float:left;
      }
   div#menu a:visited{
      margin-top:90px;
}
   img{
      border:none;
   }
   html + body div#menu a#chicneu{/* only for IE 5.0 */
      width:90px; background-image:url(/themes/mx-rainbow/images/navbuttons/chicneu.jpg); border-right-style: hidden; }
   html + body div#menu a#gesundneus{/* only for IE 5.0 */
      width:99px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/gesundneu.jpg);
   }
   html + body div#menu a#kreativneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/kreativneu.jpg);
   }
   html + body div#menu a#jungneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/jungneu.jpg);
   }
   html + body div#menu a#koestlichneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/koestlichneu.jpg);
   }
   html + body div#menu a#professionellneus{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/professionellneu.jpg);
   }
   html + body div#menu a#spannendneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/spannendneu.jpg);
   }
   html + body div#menu a#kompetentneu{/* only for IE 5.0 */
      width:90px;
      background-image:url(/themes/mx-rainbow/images/navbuttons/kompetentneu.jpg);
   }
   html + body div#menu a img{/* only for IE 5.0 */
      display:none;
   }
</style>

##########################################################################

nachdem wir selbstverständlich die Grafiken vorher hochgeladen haben.

Sieht aber leider nur so aus:

http://dps36a52.dps36.derproviderserver.de/

Hat jemand einen Tipp für mich?

Gruß und Dank

Peter