Bild als Link (Buttons, Banner,...)

Hallo

Vor allem bei Buttons und Bannern wird diese Funktion ständig benötigt.

Wenn man auf die angegebene Grafik klickt gelangt man zur angegebenen Internetadresse (URL).

Einen Link auf ein Bild legt man am schnellsten mit:

BB-Code

Code:

[url=http://ZIEL-URL][img]http://BILD_URL[/img][/url]

HTML

Code:


<a href="http://ZIEL_URL"><img src="http://BILD-URL"></a>

oder (öffnet in einem neuen Fenster)

Code:

<a href="http://ZIEL_URL" target="_blank"><img src="http://BILD-URL"></a>


Also z.B.

Code:

[url=http://hilfe.forumieren.com/sonstige-probleme-f5/][img]http://illiweb.com/fa/fdf/nuage.png[/img][/url]

oder

Code:

<a href="http://hilfe.forumieren.com/sonstige-probleme-f5/"><img src="http://illiweb.com/fa/fdf/nuage.png"></a>

ergibt dann:



Bei der HTML-Version sind u.a. noch möglich:

alt="Alternativtext"

Dieser Text wird als Link angezeigt, wenn die Grafik nicht geladen werden kann.
Dieses Attribut ist sehr empfehlenswert, da der Link auch klickbar bleibt, falls die Grafik einmal nicht verfügbar ist oder bei einem User aufgrund von dessen Einstellungen nicht dargestellt wird.

Code:

<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL"></a>

border="1"

Ergibt einen Rahmen um das Bild, hier mit Breite 1 Pixel:

Code:

<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1"></a>

height="20" width="50"

Legt die Höhe und Breite der Grafik fest, unabhängig von den wirklichen Abmessungen, hier 20 Pixel hoch und 50 Pixel breit:

Code:

<a href="http://ZIEL_URL" target="_blank" alt="Alternativtext"><img src="http://BILD-URL" border="1" height="20" width="50"></a>

Anmerkung: Dies sind nur sehr wenige der Möglichkeiten, aber die mit Abstand häufigsten und nützlichsten.

---

LG, Alex