CSS Klassen Zugriff in HTML

Computer: Software & Programmierung HTML & CSS
#1

Hallo.

Bin zum ersten mal hier und hoffe jemand ist so nett und hilft mir weiter. habe im mom. folgendes problem. Ich habe eine CSS-Datei wo ich meine Styles definiere.

body{font: 76% arial,sans-serif}
p{margin:10px 10px 10px}
h1{margin:10px 10px 10px}
h2{margin:10px 10px 10px}
h3{margin:10px 10px 10px}
li{margin:0px 10px 10px}
img{margin:0px 10px 10px}
table{margin:0px 10px 10px;font:12px arial, sans-serif}
a{color:#009146;text-decoration:none}
a:hover{color:#FFFFFF;background:#009146;text-decoration:underline}
.oben a{text-decoration:none}
.oben a:hover{text-decoration:none}

Jetzt will ich, wie im Code ersichtlich den Zugriff auf die Klasse „oben“ und zwar so:

Jedoch ignoriert er dies und macht nicht das was ich will.
ich kann mir vorstellen, dass er dies nicht macht, da ich folgende zeilen drinn stehen habe:
a{color:#009146;text-decoration:none}
a:hover{color:#FFFFFF;background:#009146;text-decoration:underline}

sind diese nun global für alle im befindlichen -Elemente??

Vielen Dank für eure Hilfe.

Lg,
Sebastian

#2

Hallo,

a{color:#009146;text-decoration:none}
a:hover{color:#FFFFFF;background:#009146;text-decoration:underline}

diese Eigenschaften gelten für alle Links und gehoverten Links im Dokument, ausgenommen die, für die nach der Stelle, an der die Definition im Quelltext erscheint, noch andere, widersprüchliche Eigenschaften festgelegt werden.

.oben a{text-decoration:none}
.oben a:hover{text-decoration:none}

Diese Eigenschaften gelten, und da dürfte, wenn ich dich richtig verstanden habe, auch das Problem liegen, für alle Links und gehoverten Links innerhalb eines Elements der Klasse „oben“ - nicht für Links und gehoverte Links mit der Klasse „oben“.

Was du suchst, dürfte

.oben {text-decoration:none;}
.oben:hover {text-decoration:none;}

sein. Ich hoffe, :hover ist in Verbindung mit Klassen erlaubt, ich habs noch nie so benutzt :wink:.

mfg
MB

#3

Hallo MB,

vorrab vielen dank für deine ausführliche antwort. jedoch das mit dem :hover auf klassen hat nicht funktioniert.

ich habe jetzt einfach den code umgeschrieben und das background:…; rausgenommen und jetzt schauts nicht mehr so besch. aus wie vorher.

lg,
sebastian

#4

Hallo,

vorrab vielen dank für deine ausführliche antwort. jedoch das
mit dem :hover auf klassen hat nicht funktioniert.

welchen Browser hast du denn benutzt? Es soll Browser geben, die hover nur in Verbindung mit a-Elementen unterstützen.

ich habe jetzt einfach den code umgeschrieben und das
background:…; rausgenommen und jetzt schauts nicht mehr so
besch. aus wie vorher.

du kannst auch einen span drumherum machen und ihm (statt dem Link) die Klasse zuweisen, das sollte auch funktionieren.

mfg
MB

#5

hallo MB.

welchen Browser hast du denn benutzt? Es soll Browser geben,
die hover nur in Verbindung mit a-Elementen unterstützen.

ich für mich verwend den mozilla firefox, dieser macht bei background einen hässlichen Hintergrund. der echt nicht passt und auch nicht schön aussieht.

der IE7.0 macht diesen hintergrund garnicht, deshalb hab ich jetzt den hintergrund (background:…) einfach weggelöscht und leb mit dem Problem.

Ist auch nur nice to have. aber werde morgen mal deine möglichkeit mit dem ausprobieren.

grüße,
Sebastian

#6

Moin,

vorrab vielen dank für deine ausführliche antwort. jedoch das
mit dem :hover auf klassen hat nicht funktioniert.

Dann war das der IE. Der kann das nur bei Links, obwohl das
keinen Sinn macht. Pseudoklassen kann man auf alles anwenden.
Wenn das nicht geht, ist das eine mangelhafte Umsetzung im
Browser

Gruß,
-Efchen

#7

ich für mich verwend den mozilla firefox, dieser macht bei
background einen hässlichen
Hintergrund. der echt nicht passt und auch nicht schön
aussieht.

Du hast einen Hintergrund bei a:hover definiert. Dann wird der
auch dargestellt.

der IE7.0 macht diesen hintergrund garnicht,

Ich habe zwar noch nie einen IE7 benutzt, aber der 6er konnte
a:hover sehr wohl und stellt daher auch den Hintergrund dar,
den Du bei a:hover angegeben hast.

und leb mit dem Problem.

In den wenigsten Fällen ist es ein Problem, das man nicht lösen kann.
Ich würde vorschlagen, dass Du Dein Problem nochmal genau schilderst,
im ersten Posting steht nämlich nur „Der macht nicht was ich will“.
Das reicht nicht für eine Problemlösung :smile:

Vielleicht auch noch mal Dein Stylesheet verlinken, damit man den
aktuellen Stand sieht.

Gruß,
-Efchen

#8

Hallo Sebastian,

das mit dem :hover auf klassen hat nicht funktioniert.

da muss noch irgend etwas anderes falsch sein, denn es spricht nichts dagegen, dass das von Markus vorgeschlagene CSS funktioniert. Der IE wendet die hover-Klasse auf jeden Fall an, weil sie sich auf einen Link bezieht.

ich habe jetzt einfach den code umgeschrieben und das
background:…; rausgenommen und jetzt schauts nicht mehr so
besch. aus wie vorher.

Falls es Dich doch noch interessiert, zeig’ doch mal ein online-Beispiel, dann kann man mal gucken, wo das Problem sein könnte.

Schöne Grüße
Yasmin