Linkformatierung nur auf Text anwenden (CSS)

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen,

mein Problem: Ich habe in meiner style.css-Datei folgende formatierung vorgenommen:

a:link{
 color: #FFFFFF;
 text-decoration: none;
}
a:visited{
 color: #FFFFFF;
 text-decoration: none;
}
a:active{
 color: #fecc37;
 text-decoration: none;
 border-bottom: dotted 1px #fecc37;
}
a:hover{
 color: #fecc37;
 text-decoration: none;
 border-bottom: dotted 1px #fecc37;
}

Jetzt bezieht sich das vorherige natürlich auch auf Bilder, die verlinkt sind und immer wenn man dann über das Bild fährt erscheint eben dieser „border-bottom“.
Wie kann ich das machen, dass sich diese Linkformatierung nur auf Text bezieht ohne aber jeden Text-Link in eine Klasse zu stopfen und die Formatierung nur auf Klassen anzuwenden???

Danke

#2

Hallo Tim,

Jetzt bezieht sich das vorherige natürlich auch auf Bilder,
die verlinkt sind und immer wenn man dann über das Bild fährt
erscheint eben dieser „border-bottom“.
Wie kann ich das machen, dass sich diese Linkformatierung nur
auf Text bezieht ohne aber jeden Text-Link in eine Klasse zu
stopfen und die Formatierung nur auf Klassen anzuwenden???

Warum nutzt du denn für den Hover-Zustand nicht einfach Folgendes?
a:hover text-decoration:underline;
Ist es so schlimm, wenn der Unterstrich die Unterlängen schneidet?

Gruß Gernot

#3

Hi,

Hallo zusammen,

mein Problem: Ich habe in meiner style.css-Datei folgende
formatierung vorgenommen:

a:link{
color: #FFFFFF;
text-decoration: none;
}
a:visited{
color: #FFFFFF;
text-decoration: none;
}
a:active{
color: #fecc37;
text-decoration: none;
border-bottom: dotted 1px #fecc37;
}
a:hover{
color: #fecc37;
text-decoration: none;
border-bottom: dotted 1px #fecc37;
}

Jetzt bezieht sich das vorherige natürlich auch auf Bilder,
die verlinkt sind und immer wenn man dann über das Bild fährt
erscheint eben dieser „border-bottom“.
Wie kann ich das machen, dass sich diese Linkformatierung nur
auf Text bezieht ohne aber jeden Text-Link in eine Klasse zu
stopfen und die Formatierung nur auf Klassen anzuwenden???

Du vergibst den Links, die keinen Rahmen haben sollen einfach eine Klasse (z.B. img) und definierst zusätzlich:

a:active.img{border-bottom-style:none;}
a:hover.img{border-bottom-style:none;}

Danke

Gruß Yelmalio

#4

a:active.img{border-bottom-style:none;}
a:hover.img{border-bottom-style:none;}

… klappt irgendwie immer noch nicht, der behält die formatierung von dem allgemeinem bei.

Aber danke

#5

Hi,

Wie gesagt, du musst die Klasse auch im Link mit angeben:

Wenn damit nicht klappt, dann meld dich mal direkt bei mir.

Gruß Yelmalio

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#6

Ahhh klappt doch, ich weiß zwar nicht was ich davor falsch gemacht habe aber jetzt funktionierts doch.

Vielen Dank