HTML - Bild als Link ohne Balken

...komplette Frage anzeigen

4 Antworten

Wenn die anderen Methoden nicht reichen, probiers im CSS mit

* :focus { outline: 0; }

Variante 1: Entferne den Unterstrich beim Link, der das Bild einrahmt:

<a href="Link" style="text-decoration:none;"><img src="Bild" /></a>

Variante 2: Entferne den Unterstrich bei allen Links, die eine Klasse ".link" benutzen:

<style>
a.link{ text-decoration:none; }
</style>

<a href="Link" class="link"><img src="Bild" /></a>

Allerdings haben Bilder, die von einem Hyperlink eingefasst sind, bei fast allen Browsern noch einen zusätzlichen Rahmen. Wie du den wegbekommst, hat Franz1957 beschrieben.

Du solltest BEIDE Lösungen (Franz1957's + oben genannte) kombinieren, wenn du ein sauberes Erscheinungsbild haben willst.

Hey,

es funktioniert immer noch nicht... :/

Hast Du noch ne Idee?

0
@Nicolory

Dann gibt es nur noch zwei Möglichkeiten:

  1. Du hast irgendwo einen Fehler gemacht.
  2. Die Website wurde unsauber programmiert.

Gegen (2) können wir etwas tun; auch wenn es brutal ist:

<style>
a.link{ text-decoration:none!important; }
</style>

<a href="Link" class="link"><img src="Bild" /></a>

Wenn das auch nicht hilft, gilt automatisch (1). ;)

0

a img { border:0 none; padding:0 }

Was möchtest Du wissen?