Verschiedene Link-Farben bei hover

[wotan100]

Guten Abend!
Könnte mir bitte jemand erklären wie man in der Navigationsleiste jedem Link beim Hover eine eigene Farbe zuweist?

mfg

 

[Solla]

AW: Verschiedene Link-Farben bei hover

Hallo,

füge doch einfach den jeweiligen Links eine separate Klasse hinzu, so wie

<a href="..." class="blau"></a>
<a href="..." class="rot"></a>
.....

und in css dann:

a.blau:hover{color:blue;}
a.rot:hover{color:red;}........

Das wars schon!

Viel Erfolg!
B.G.
Solla

@kyle66: Danke für die Berichtigung, klar hatte ich das gemeint...., es war halt schon sehr spät!

 

[kyle66]

AW: Verschiedene Link-Farben bei hover

@Solla

Du meintest wahrscheinlich

a.blau:hover{color:blue;}
a.rot:hover{color:red;}........

 

[mali510]

AW: Verschiedene Link-Farben bei hover

Also ich habs auf meiner website auch so gemacht:

a:hover {text-decoration: none; color: #dea827; }

und in html eben so wie solla das gesagt hat...

 

[molly_68]

AW: Verschiedene Link-Farben bei hover

aber nur mit a:hover kriegst du ja keine verschiedenen Farben, sondern nur eine beim drüber"hovern"

 

[kyle66]

AW: Verschiedene Link-Farben bei hover

@molly_68
Das war ja auch die Anforderung!

beim Hover eine eigene Farbe

 

[molly_68]

AW: Verschiedene Link-Farben bei hover

Äh, ja und nun?
Mali schrieb das mit a:hover und da verschiedene Linkfarben gefordert waren, bemerkte ich , dass das nicht reicht...^^

 

[wotan100]

AW: Verschiedene Link-Farben bei hover

Ich danke euch für eure Antworten, und Überlegungen! Ich werde es heute versuchen, und melde mich danach nochmal! Es mit Klassen zu lösen war eh eine gute Idee denk ich....

Und dass die Farbe dann auch nach dem mousedown bleibt kann ich ja so lösen oder?

 #navi #aktuell1 a

 {
     font-size:16px;
     color:#FC6;

 }
 #navi #aktuell2 a

 {
     font-size:16px;
     color:#3F9;

 }

oder?

Lg

 

[molly_68]

AW: Verschiedene Link-Farben bei hover

Aktive links hervorzuheben ist frikkelkram, aber es gibt hier: http://www.ohne-css.gehts-gar.net/0016.php eine tolle Anleitung

 

[hubspe]

AW: Verschiedene Link-Farben bei hover

Aktive links hervorzuheben ist frikkelkram, aber es gibt hier: http://www.ohne-css.gehts-gar.net/0016.php eine tolle Anleitung

diese Lösung ist imho leider gar nicht so toll, weil der Deppenlink bestehen bleibt.

Auch die Lösung per include krankt daran.
Es ist eigentlich ganz einfach bei einer includeten navi den Deppenlink zu vermeiden:

<?php
$uri = $_SERVER['REQUEST_URI'];
// alle Menüpunkte
$navi = array(
    '/'        => 'Startseite',
    '/leistungen'    => 'Leistungen',
    '/team' => 'Team',
);
echo '<ul>'."\n";
foreach ($navi as $href => $text)
{
    echo '<li>';
    // wenn aufgerufene Seite identisch mit Navi-Link: strong statt Link
    if ($uri == $href)
    {
        echo '<strong>'.$text.'</strong>';
    }
    else
    {
        echo '<a href="'.$href.'">'.$text.'</a>';
    }
    echo '</li>'."\n";
}
echo '</ul>'."\n\n";
?>

man kann das array ganz easy erweitern/verkürzen.

 

[Solla]

AW: Verschiedene Link-Farben bei hover

Es gibt auch noch die Möglichkeit das ganze mittels Pseudoklasse :visited festzulegen.

Das musst Du dann halt noch zusätzlich zur Klasse der jeweiligen Farbe hinzufügen.
also z.B.

a.rot:hover, a.rot:visited{color:red}

B.G. Viel Erfolg!
Solla

 

[molly_68]

AW: Verschiedene Link-Farben bei hover

Was ist denn nun ein Deppenlink schon wieder?
Ah, gefunden

 

[wotan100]

AW: Verschiedene Link-Farben bei hover

Jap! Hat geklappt!
Vielen Dank an alle!
Lg!