border bei <img> in <a> Elementen

[Felix Riesterer]

Lieber Benni,

Ich hab n Hintergrundbild, und dort wollte ich einen Breich auswählen, wenn mann da drauf klcikt, dass mann dann weitergeleitet wird.

Wie man Image Maps benutzt steht in SELFHTML ziemlich gut erklärt, daher gehe ich darauf jetzt nicht ein. [<http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren@title=verweis-sensitive Grafiken definieren>]

ABER: jetzt hab ich nen weissen Rand drumrum.
[...] Welche möglichkeit hab ich?

Wenn ein solches Konstrukt <a href="..."><img ... /></a> um das Bild einen Rahmen erzeugt, dann liegt das am standardmäßig vom Browser verwendeten Stylesheet, welches anklickbare Bilder in Links mit einem Rahmen versieht.

Du kannst mittels CSS (daher habe ich das Thema auf CSS geändert) diesen so erzeugten Rahmen "abstellen". Solltest Du ein externes Stylesheet benutzen (sehr sinnvoll!) dann kannst Du dort notieren:

a img {  
    border: none;  
}

Da Du aber momentan anscheinend noch mit inline-Styles operierst (das ist nicht so sinnvoll!) könntest Du auch direkt im HTML-Code folgendes schreiben

<a href="..."><img ... style="border: none;" /></a>

Inline-Styles lassen sich nur extrem schlecht pflegen, wenn man ein Layout später einmal ändern möchte, denn dann muss man jede einzelne Seite neu anfassen und verändern, anstatt nur am zentralen Stylesheet die Veränderungen vorzunehmen. Aber vielleicht steigst Du ja einmal auf externe CSS-Dateien um?

Liebe Grüße aus Ellwangen,

Felix Riesterer.