CSS – Farbbalken unter img (link) entfernen

9 Beiträge:
Marquart Strauch

Strauch, Marquart

#1

Hallo,

Auf meiner Seite www.marqu-art.fr benutze ich CSS um die Links farblich (orange) hervorzuheben.

Leider werden dadurch auch Bilder, die mit einem Link versehen sind, am unteren Rand mit einem orangefarbenen Balken versehen.

Kann ich das irgendwie abschalten?

Wäre sehr dankbar für einen Tipp.

LG Marquart

Änders, Nicola

#2

Du kannst den Kontext genauer eingrenzen: Wenn ich es richtig sehe, geht es um die Links in den <p>-Absätzen und Bilder sind hier nicht in <p>s. Also in code.css Zeile 322:

#content p a {…}
statt #content a {}

| Antwort auf Strauch, Marquart

Änders, Nicola

#3

Ups, sehe gerade, dass die Bilder sind auch in <p>s sind. Dann hilft wohl nur eine Klasse für eine Ausnahme. Das hängt dann davon ab, welchen Einfluss du aufs HTML selbst hast.

| Antwort auf Änders, Nicola
Marquart Strauch

Strauch, Marquart

#4

Hallo Nicola,
Meinst du vielleicht so :

/* Link auf Bild im Contentberich ohne orange*/
.imgOhneBalken {
color:#FFF;
background-color:#FFF;
}

| Antwort auf Strauch, Marquart

Änders, Nicola

#5

Ja, genau. So oder so ähnlich als Klasse für das <a>, das das Bild umgibt.

| Antwort auf Strauch, Marquart
Jan Müller

Müller, Jan

#7

code.css Zeile 299 ändern/ergänzen (so es nicht an anderer Stelle benötigt wird):

#content img {
margin: 0;
display: block;
}

| Antwort auf Strauch, Marquart
Marquart Strauch

Strauch, Marquart

#8

Hallo Jan,
Danke für deine Antwort. Werde es heute ausprobieren.

LG Marquart

| Antwort auf Strauch, Marquart
Marquart Strauch

Strauch, Marquart

#9

Hallo Jan,
Das hat wirklich gut funktioniert. Herzlichen Dank für den Tipp. Jetzt gehts wieder.

| Antwort auf Strauch, Marquart
Bitte logge dich ein, um einen einen Forenbeitrag zu verfassen.

Einloggen mit deinem Konto bei…


…oder OpenID: