Farbe ändern der Menü-Markierung

Soulreaverchan

Hallo,
ich habe folgendes Problem.

Immer wenn ich ein Menü anklicke entsteht unter dem Menü ein dicker gelber Strich. Dies passiert auch, wenn man nur mit der Maus über das Menü fährt. Dies finde ich auch gut so, nur gefällt mir die gelbe Farbe nicht. Wie schafft man es diese Farbe umzustellen?
Der Code sieht folgendermaßen aus:

Zitat

#access .menu a { font-family: "Droid Serif","Georgia",serif;
border-left:1px solid #DEDCC3;
color: #377687;
display:block;
font-size:13px;
font-weight:700;
height:45px;
line-height:45px;
margin:0;
padding:0 0.9em;
position:relative;
text-decoration:none;
}

Alles anzeigen

Die beiden dick markierten Werte sind auf alle Fälle für die Linien zuständig, da diese verschwinden sobald ich die beiden Werte lösche. Aber seltsamerweise finde ich nirgends eine Angabe über die Farbe. Suche ich einfach falsch?

Ich hoffe auf schnelle Hilfe.

LG Soulreaverchan

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

nein, die beiden Zeilen sind nicht dafür zuständig.
Ich denke eher, dass da ein border-bottom o.ä. für #access .menu a:hover / #access .menu a:focus etc. zuständig ist.
Aber ohne Link zum Blog (s. Forenregeln Punkt 2) wird das nix genaues.

Soulreaverchan

Oh Sorry, der link zu meinen Blog ist folgender: http://www.klabautern.de/

Das a:hover sieht folgendermaßen aus:

Zitat

#access .menu a:hover { text-decoration:none;
color: #377687;
}

Die Farbe ist es leider aber auch nicht, das habe ich schon ausprobiert.
Ein border-bottom-Befehl findet sich ebenfalls nirgends.

Ich benutze übrigens das Design Pilot Fish, falls das wichtig ist.

LG Soulreaverchan

SirEctor

Für den Strich beim Hovern ist das hier zuständig

Code

#access .menu li:hover {
white-space: normal;
z-index: 10000;
[COLOR=#ff0000][B]background-image: url(images/menu-bg.png);[/B][/COLOR]
}

Du müsstest also das Bild ändern.

Für die Linien zwischen den Menüpunkten, musst du das ändern:

Code

#access .menu a {
font-family: "Droid Serif","Georgia",serif;
border-left: 1px solid [COLOR=#ff0000][B]#DEDCC3[/B][/COLOR];
color: #377687;
display: block;
font-size: 13px;
font-weight: 700;
height: 45px;
line-height: 45px;
margin: 0;
padding: 0 0.9em;
position: relative;
text-decoration: none;
}

Alles anzeigen

Soulreaverchan

Vielen Dank. Deshalb konnte ich die Farbe nicht finden.
Gibt es eine Möglichkeit das Bild ganz heraus zu nehmen und dafür "border-bottom", sowie die Farbe auszuwählen? Das wäre für meine Zwecke sinnvoller.

LG Soulreaverchan

gericoach

Zitat

Gibt es eine Möglichkeit das Bild ganz heraus zu nehmen

klar, zeile löschen
stattdessen z.b. das einsetzen...

Zitat

border-bottom: 1 px solid #meineFarbe;

Soulreaverchan

Das klappt leider nicht. Mein Code sieht jetzt wie folgt aus:

Zitat

#access .menu li:hover { white-space: normal;
z-index: 10000;
border-bottom: 1 px solid #DEDCC3;
}

Das seltsame ist nur, dass der gelbe Strich immer noch da ist, obwohl ja eigentlich das Bild weg sein sollte. Ich frag mich, wo er das jetzt noch her nimmt und warum der "border-bottom" Befehl nicht klappt....

Mfg Soulreaverchan

SirEctor

Browser-Cache leeren!

Soulreaverchan

Vielen Dank an euch allen. Jetzt hat es geklappt ;)
Langsam komme ich dahinter, wie der Hase läuft.

LG Soulreaverchan

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe ändern der Menü-Markierung

Jetzt mitmachen!