Frage stellen
- Code: Alles auswählen
/* Navigation */
#navigation{font:14px/14px Helvetica, Arial, sans-serif;border-top:1px solid #dbdbdb; border-bottom:5px solid #dbdbdb;padding:10px 0; margin-bottom:30px;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; margin-left:10px; }
.nav a { position:relative; color:#555; display:block; z-index:100; padding:5px 10px; line-height:18px; text-decoration:none; }
.nav a:hover, .nav li.current_page_item, .nav li.current_page_parent { background:#eee; }
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:20px; }
/* Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb;}
.nav li ul li a { width:160px; color:#555; font-size:0.8em; line-height:18px; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background:#eaeaea;}
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
Ich habe hier für ein CSS Drop-down Menü einen Code erhalten. Jedoch möchte ich diesen auf bestimmte Farben anpassen was mir nicht so ganz gelingt und ich hoffe das mir vielleicht jemand von Euch helfen kann.
Wenn ich mit der Maus über ein Hauptmenüpunkt gehe, dann soll die Farbe #6359a0 sein, was auch klappt. Wenn ich nun mit der Maus über ein Untermenü gehe dann soll die Hintergrundfarbe ebenfalls auf #6359a0 wechseln und die Textfarbe auf #FFFFFF ... Dies klappt jedoch noch nicht ... Ich kann zwar die Hintergrundfarbe so ändern jedoch die Textfarbe nicht.
Des Weiteren möchte ich wenn ich ein Untermenüpunkt ausgewählt habe, dass der entsprechende Hauptpunkt ebenfalls die Hintergrundfarbe #6359a0 hat.
Wie kann bzw. muss ich das in dem gegebenen Code ändern?
Wäre schön wenn mir jemand helfen könnte *g*
Sirius2002
