Problem

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<So basically I want to have a picture on my site, and when you hover over it with the mouse it turns black and white. The picture turns up on the site, but does not change while I hover over.

So basically I want to have a picture on my site, and when you hover over it with the mouse it turns black and white. The picture turns up on the site, but does not change while I hover over.

``` This is my code: </body

.Arsenal{
background-image: url(bilder/Arsenal.png);
}
.Arsenal:Hover{
background-image: url(bilder/UArsenal.png);
}
.lag {
background-repeat: no-repeat;
background-size: contain;
width: 70px;
height: 70px;
display: block;
float:left;
}

<do not remove the three backticks above>

pseudo-classes are always written in all lowercase. It’s not a good practice to capitalize class names as it crosses the convention line.

.arsenal:hover

The same can be said for resource names. Converntion tends to only lowercase file names, which helps avoid a lot of errors.

Aside

Is this actually a Final Project, or just something you are doing at home?

2 Likes