css - pseudoklasse color geht i-wie net!

donfey

Hallo,

ich möchte, dass wenn man auf einem Hyperlink ist (net klickt) der Hyperlink die Farbe wechselt (rot). Normal ist er schwarz.

Code

<style type="text/css">
a{
color: black;
}
a:hover{
color: red;

}
</style>

also um den Hyperlink dicker erscheinen zu lassen beim mouseover verwende ich auch :hover und das geht, was mache ich da noch falsch?
Also für "black habe ich auch schon #.... eingesetzt, sowie für red. Geht aber auch net.

Folgendes ist mir gerad noch in die Hände gefallen:

http://de.selfhtml.org/css/eigenschaf…us_hover_active

Dort steht das der Internet Exporer 7, den ich verwende, nur hover anzeigen kann, und da ich das ja nur benutze...

Brauche bitte dringend eine Lösung.

MfG
Daniel F.

sejuma

Das betrifft nicht die normalen a-Links.
Schreib mal den auf selfhtml genannten CSS-Code für die Links in deine Styleangaben und ändere die Farben.
Du brauchst insbesondere unterschiedlcihe Angaben für a:link und a:hover

K.Y.L.T.

ähm, definierst du etwa das "dick machen" seperat? - kann das nicht Probleme geben?(würde mich mal auch interessieren) Hast du nen link zum Problem?

donfey

Also ich verteh das noch net so wirklich. Sorry, aber ich blick da wirklich nich durch. Habs jetzt so geändert, aber tut sich immer noch nichts.

HTML

<html>


<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Startseite</title>
<style type="text/css">
a:hover { color: red; }
</style>
</head>

Alles anzeigen

@ K.Y.L.T

also ich hatte das so gemacht:

HTML

<html>


<head>
<meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Archiv</title>
<style type="text/css">
A:hover {text-decoration:underline;font-weight:bold;font-size=18px;color:white;}
</style>
</head>

Alles anzeigen

schau mal auf http://don1909.lima-city.de/TCF_Jugendabteilung/Plaetze_1.htm

dort siehst du z.B. wie sich manche Jugendleiter die eine e-Mail Adresse haben hervorheben, wenn du auf ihnen gehst.

MfG
Daniel F.

xXx_BaSStar_xXx

Code

a:hover {
  text-decoration:underline;
  font-weight:bold;
  font-size:18px;
  color:#fff;
}

Machs mal so.

sejuma

Jetzt kannst du den Code von xXx_BaSStar_xXx kopieren und nochmals in die CSS-Style-Angabe einfügen.
Ersetze dann beim eingefügten Teil "hover" durch "link" und entferne das "font-weight:bold;"
Dann kannst du überall bei den Links die font-Angabe

Code

<font color="#FF0000"></font>

löschen.

donfey

Hi, danke Euch beiden!

Also soweit funktioniert es, wenn ich eben beim link "color: #...." entferne, jedoch ist die Linkfarbe dann am Anfang lila und nicht wie ich es gern hätte schwarz
Ändere ich es wieder in schwarz macht er es wieder beim mouseover net in rot...

Bitte nochmals um Hilfe!

MfG
Daniel F.

driver

warum willst du des auch entfernen ?

wennst des wegmachst, wirds wieder standart....

donfey

Aber wenn ich es nicht weg mache, dann funktioniert das nicht mit dem rot werden der links beim drüberfahren...

sejuma sagte mir (s.o.), dass ich bei den Links Font entfernen sollte und da hat es auch noch net funktioniert, so hab ich einfach auch mal color raus gelöscht und dann ging es zumindest von lila nach rot^^

MfG
Daniel F.

driver

nimm des von basstar und änder unten den color wert so ab:

Code

color:#ff0000;

donfey

Hey ich nochmal,

super Danke Euch allen nochmal. Habs jetzt in dem ich einfach die Standart Farben der Links im Programm umgeendert hab.
Das es so einfach war, hätt ich nie gedacht

Allerdings wird es jetzt ja so sein, dass jetzt alle Links beim drüberfahren rot werden nich?

Habt ihr denn dafür noch ne Lösung, wie ich die Links sozusagen von den Links unterscheiden kann, wobei es aber keine Rolle spielt, dass die Aussgangsfarbe jetzt schwarz ist.

Soll nur net bei jedem Link (beim mouseover) rot werden

MfG
Daniel F.

driver

den links die rot werden sollen, weist ne class zu....

Code

[url='...']link[/url]

im css definierst diese dann...

Code

a.rotelinks:hover {
....
...
}

donfey

Super!

Dank Dir

MfG
Daniel F.

css - pseudoklasse color geht i-wie net!

Tags

Benutzer online in diesem Thema