Eigenes Menue, Farbprobleme

[hasi63]

Hallo zusammen
ich möchte mein eigenes Designe erstellen und mache dazu eine Menuleiste oben.
Das ganze ist bereits schon wirklich ausgereift. Nun habe ich eber ein Problem mit dem eigenen Menu betreff Schriftfrabe bei hover.
Diese kommt immer Orange (wie im Standart Theme bei den Modulen usw.)
Das obere Menu soll aber wirklich eine ganz andere Frabe bekommen und da passt dass Orange einfach nicht.
Meine eigene css habe ich als separates Menu deklariert. Daran sollte es also eigentlich nicht liegen.

Der css Code lautet wie folgt:

#pagebody { position: inherit !important; width: 100%; }
#pagebody-inner { position: inherit !important; width: 100%; }

#alpha, #beta, #gamma, #delta {
display: inline;
position: inherit !important;
float: left;
min-height: 1px;
}

#centernav {
width: 1000px;
margin-left: 120px ;
margin-right: auto ;
}

#dropnav
{height:25px; background:#298A08;}

#dropnav ul
{margin:0px; padding:0px;}

#dropnav ul li
{display:inline; float:left; list-style:none; margin-left:2px; position:relative; height:25px; width: 120px;}

#dropnav li a
{color:#FFF; text-decoration:none;}

#dropnav li a:hover
{color:#900; text-decoration:none;}

#dropnav li ul
{margin:0px; padding:0px; display:none; position:absolute; left:0px; z-index: 99; top:25px; background-color:#04B404;}

#dropnav li:hover ul
{display:block; width:150px;}

#dropnav li li
{list-style:none; display:list-item;}

#dropnav li li a
{color:#000; text-decoration:none;}

#dropnav li li a:hover
{color:#900; text-decoration:none;}

li#main {padding-top: 2px;}


Hier müsste einfach die Schriftfarbe bei Hover (im Hauptmenu weiss, im Untermenu auf dunkelblau) wechseln.


HTML sieht in etwa so aus (gekürzt deshalb ev. nicht ganz korrekt... Hier habe ich aber auch kein Problem ):

<div id="centernav">
<div id="dropnav">
<ul>

<li id="main">
<a href="xxxx">Home/Backup</a>
<ul id="subnav">
<li><a href="xxxxxxx">Home</a></li>
<li><a href="xxxx" target="_blank">Backup</a></li>
<li><a href="xxxxxxxx" target="_blank">Dateien</a></li>
<li><a href="xxxxxxx" target="_blank">MySQLDumper</a></li>
</ul>
</li>

</ul>
</div>
</div>



Irgendwie bekomme ich das einfach nicht hin
Kann mir jemand helfen?

Gruss
Harry

[XimeX]

Das liegt vermutlich am !important im admidio.css

Code: Alles auswählen

a:hover,
a:active,
.nav li a:hover,
.nav li a:active,
a.btn:hover,
a.btn:active {
    text-decoration: underline;
    color: #ff9c00 !important;
}

[hasi63]

Ha!!!! Bingo!
"!important;" habe ich mal schnell auskommentiert und schon geht das ganze.
Kleiner Code mit grosser wirkung

Herzlichen dank, werde nun mal schauen ob es ev., wegen dem auskommentieren, folgefehler gibt.

Vielen dank für den Tipp

Gruss

Harry

[XimeX]

Du könntest auch bei deinem CSS Code das !important hinzufügen.

[hasi63]

Herzlichen dank. Das ganze flutscht nun wie ich es will.
Ach bin ich froh um solche Tipps

Schöne Weihnachten wünsche ich euch.

Gruss

Harry