CSS #boardnews:hover

Pascalus

Hi!

Ich habe ein Problem:

Erstmal - ich kenne mich mit CSS überhaupt nicht aus und habe meine bisherigen Schnibsel mit Mühe und Not aus diversen Tutorials, da meine Phantasie so begrenzt ist, dass mir das lernen von Css wohl eh nichts bringen würde

Alsoooo, erstmal zwei Codes:

PHP

a:link {
        color:#FFFFFF;
        font-weight:700;
        text-decoration:none
}
a:visited {
        color:#FFFFFF;
        text-decoration:none
}
a:hover {
        color:#FFFF00;
        background-color:#000000;
        font-weight:700;
        text-decoration:underline
}
a:active {
        color:#0000FF;
        background-color:#0000FF;
        text-decoration:none
}

Alles anzeigen

PHP

#boardnewsa:link {
        color:#FFFFFF;


}
#boardnews:visited {
        color:#FFFFFF;


}
#boardnews:hover {
        color:#FFFF00;
 
}
#boardnews:active {
        color:#0000FF;


}

Alles anzeigen

Die Links sollen überall in der Website so angezeigt werden, wie im ersten Code beschrieben.
Nur im Bereich "Boardnews" sollen die Links normal angezeigt werden.

Habe es versucht so zu machen:

PHP

<div id="boardnews"> ... </div>

Aber die Links von Boardnews werden trotzdem so angezeigt, wie im ersten Code.

Kann mir da einer helfen?

mfg+Danke jetzt schon

Dodo

eine ID muss unique sein. Also eine ID darf nur ein mal vorkommen
benutz das Attribut "class" und grauf nicht mit #name, sondern mit .name darauf zu

Pascalus

Huhu,

erstmal wieder danke für die flotte Antwort
Habe sie aber nicht ganz kapiert... meinst du das so: ?

PHP

div.boardnews {

}


.boardnews:link {
        color:#FFFFFF;


}
.boardnews:visited {
        color:#FFFFFF;


}
.boardnews:hover {
        color:#FFFF00;
 
}
.boardnews:active {
        color:#0000FF;


}

Alles anzeigen

PHP

<div class="boardnews">

Das klappt nämlich nich

Bitte um korrektur

Tobse

du hattest in deinem ersten code

Code

#boardnewsa

stehen. Würde auf

HTML

<div id="bordnewsa"></div>
<!-- und nicht auf, so wie dus warscheinlich gemeint hast -->
<div id="bordnews"><a href="irgendwo">Link</a></div>
<!-- verweisen -->

Um das zu erreichen musst du

Code

#boardnews a

schreiben.

Tags