Gegen Bilderklau - Das Original | Druckvorschau: Problem mit Css / Link

Geschrieben von blue orange am 09.07.2007 um 20:27:

Problem mit Css / Link

Mein style.css Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

a:link, a:visited, a:active {
        color: #9E9D65;
        text-decoration: none;
        font-size: 11px;
        font-family: trebuchet ms;
        letter-spacing: 0px;
        }

a:hover {
        font-size: 10px;
        color: #F6FBD5;
        text-decoration: none;
        border-bottom: 2px solid; border-color: #F6FBD5;
        text-transform:uppercase;
        background-color: #C7C998;
        text-align: left;
        }

a.v:hover {
        position: relative;
        top: 1;
        left: 1;
        }

Mein Code für den Link:

code:
1: 2:

<a href="warmblueter.html" class="v"><img src="warmblueter.jpg"></a>[CODE]

Jetzt müsste der Link doch eigentlich den Hovereffekt von "a.v:hover" übernehmen oder?

Leider klappt das nicht unglücklich

Ich möchte, dass das Bild beim überfahren mit der Maus sich nach unten rechts bewegt.

Geschrieben von SaraliebtPferde am 09.07.2007 um 20:33:

muss da nich oben noch body
rein?

so?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:


body

a:link, a:visited, a:active {
        color: #9E9D65;
        text-decoration: none;
        font-size: 11px;
        font-family: trebuchet ms;
        letter-spacing: 0px;
        }

a:hover {
        font-size: 10px;
        color: #F6FBD5;
        text-decoration: none;
        border-bottom: 2px solid; border-color: #F6FBD5;
        text-transform:uppercase;
        background-color: #C7C998;
        text-align: left;
        }

a.v:hover {
        position: relative;
        top: 1;
        left: 1;
        }

Geschrieben von blue orange am 28.07.2007 um 22:31:

öhh wieso sollte da body rein? oô

Geschrieben von Snowi am 28.07.2007 um 22:47:

Zur class v muss es auch ein Nicht-Hover geben.