Auf meiner Website Malerei und Fotografie habe ich ein Menü mit Hover-Effekt. Wie erreiche ich dass auf der rechten Seite
beim Überfahren mit der Maus des Wortes 'Künstler' derselbe Hovereffekt wie beim Menü links kommt.?
Der Screenshot stammt von der Datei am PC, ist also noch nicht hochgeladen.
Der Quelltext des Hovereffektes:
Code
/*.navigation*/
@media all {
.navigation {
background-color: #63B8FF;
padding: 0.5rem;
margin: 1.rem 0rem;
}
.navigation p {
text-align: center;
}
.navigation a {
color: #B22222;
font-weight: bold;
}
}
a:hover {
background-color: #CEECF5;
}
/*.navigation*/
@media all {
.navigation {
background-color: #63B8FF;
padding: 0.5rem;
margin: 0.5rem 0rem;
}
.navigation p {
text-align: center;
}
.navigation a {
color: #B22222;
font-weight: bold;
}
}
a:hover {
background-color: #FFC1C15;
}
@media only screen and (min-width: 1000px) {
.navigation a,
.navigation a:visited {
display: block;
color: #483d8b;
font-weight: bold;
padding: 0.3rem;
border: 1px solid black;
border-radius: 0.3rem;
}
.navigation a:hover,
.navigation a:active,
.navigation a:focus {
background-color: black;
color: gold;
}
Alles anzeigen