Drei unterschiedlich große Links

[Fabian]

Hi,

ich hab mir ein CSS File erstellt, in dem ich drei verschiedene Links "gemacht" habe:

* Der NORMALE Link, 10px
* Der Menue Link, 11px
* Der Bottom-Menu Link - 9px

Das sieht zur Zeit so aus:

A {
	text-decoration: none;
}
A:link,A:visited,A:active{
	color:#000000;
	cursor:hand;
	font-size:10px;
} 
a:hover{
	color:#D6022B;
	cursor:hand;
	font-size:10px;
}
#bmenu {
	font-size:9px;
	color:#000000;
	font-family:verdana;
}
#bmenu A:link,A:visited,A:active {
	color:#000000;
	cursor:hand;
	font-size:9px;
} 
#bmenu A:hover {
	color:#D6022B;
	cursor:hand;
	font-size:9px;
}
#lmenu {
	font-size:11px;
	color:#000000;
	font-family:verdana;
}
#lmenu A:link,A:visited,A:active {
	color:#000000;
	cursor:hand;
	font-size:11px;
} 
#lmenu A:hover {
	color:#D6022B;
	cursor:hand;
	font-size:11px;
}

Wenn ich jetzt einen normalen Link anklicke, wird er nachm anklicken 11px groß, das selbe beim kleinen. Was ist daran falsch? (Sorry, habe nichts gefunden und hab das CSS einfach durch testen erstellt)

Danke!

 

[Fabian]

Ich habs bis jetzt noch nicht drausen, aber für jemand der das kann ist das doch bestimmt nicht so schwer.. Bitte helft mir

 

[Daniel Mannheimer]

Teste bitte folgende Ergänzung:

#bmenu A, A:link,A:visited,A:active {
color:#000000;
cursor:hand;
font-size:9px;
}

#lmenu A, A:link,A:visited,A:active {
color:#000000;
cursor:hand;
font-size:11px;
}

 

[Fabian]

Danke!

Jetzt siehts so aus, dass der "normale" Link nicht angeklickt 11px hat und bei Hover 9px .

Wie kann ich das noch "fixen"?

 

[Daniel Mannheimer]

Hmmm, bei mir funktioniert es:

A {
    text-decoration: none;
}
A:link,A:visited,A:active{
    color:#000000;
    cursor:hand;
    font-size:10px;
} 
a:hover{
    color:#D6022B;
    cursor:hand;
    font-size:10px;
}
#bmenu {
    font-size:9px;
    color:#000000;
    font-family:verdana;
}
#bmenu a,A:link,A:visited,A:active {
    color:#000000;
    cursor:hand;
    font-size:9px;
} 
#bmenu A:hover {
    color:#D6022B;
    cursor:hand;
    font-size:9px;
}
#lmenu {
    font-size:11px;
    color:#000000;
    font-family:verdana;
}
#lmenu a,A:link,A:visited,A:active {
    color:#000000;
    cursor:hand;
    font-size:11px;
} 
#lmenu A:hover {
    color:#D6022B;
    cursor:hand;
    font-size:11px;
}

Zum Testen häng ich mal mein HTML-File an.

/edit
File ist Fehlerhaft. Bitte Ergänzen:
A {
text-decoration: none;
font-size:10px;
}

 

[hookx]

bei mir tritt dieser fehler auch auf.

so ist es richtig...

a {
    text-decoration: none;
    font-size:10px;
}
a:link, a:visited, a:active{
    color:#000000;
    cursor:hand;
    font-size:10px;
} 
a:hover{
    color:#D6022B;
    cursor:hand;
    font-size:10px;
}
#bmenu a{
    font-size:9px;
    color:#000000;
    font-family:verdana;
}
#bmenu a:link, a:visited, a:active {
    color:#000000;
    cursor:hand;
    font-size:9px;
} 
#bmenu a:hover {
    color:#D6022B;
    cursor:hand;
    font-size:9px;
}
#lmenu {
    font-size:11px;
    color:#000000;
    font-family:verdana;
}
#lmenu a:link, a:visited, a:active {
    color:#000000;
    cursor:hand;
    font-size:11px;
} 
#lmenu a:hover {
    color:#D6022B;
    cursor:hand;
    font-size:11px;
}

es wird wohl (zumindest bei mir im ie6) ein unterschied zwischen groß- und kleinschreibung im css gemacht...

gruß

hook

 

[hookx]

btw: was soll cursor: hand sein?

hier mal etwas zu den cursor's
http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#cursor

 

[Daniel Mannheimer]

Da hatte ich überhaupt keine Acht drauf

Muss natürlich 'pointer' sein, auch wenn ich den Sinn nicht verstehe. Pointer ist sowieso default.

 

[hookx]

Original geschrieben von Daniel Mannheimer
Muss natürlich 'pointer' sein, auch wenn ich den Sinn nicht verstehe. Pointer ist sowieso default.

eben...
aber das wollte ich jetzt auch nicht weiter hinterfragen...

 

[Fabian]

Danke fuer eure Antworten. Wie ich auf Cursor:Hand gekommen bin? Hab ich in "TopStyle Lite" gesehen .

Jedenfalls ist es jetzt so, dass die Link nicht mehr "groß" und klein werden, aber Hover bei normalen Links funktioniert hier komischerweise nicht.