"strich" bei grafik als link

[elara1985]

hallo leute,

ich bin neu hier. mein problem ist folgendes.

ich binde eine grafik ein und verwende diese mit <a> als link. ohne css-formatierung bekomme ich dann einen seltsamen strich direkt nach der grafik angezeigt, sieht aus wie ein bindestrich ("-") oder ein unterstrich ("_"). meine vermutung ist, dass es sich hierbei um die standardmäßige unterstreichung von links handelt. daher habe ich mit a {text-decoration:none} diese unterstreichung unterbunden, das funktioniert auch. der strich ist also nicht mehr sichtbar.

ich möchte die grafik mit einem rahmen belegen, der nur bei a:focus angezeigt wird. hierfür verwende ich das attribut outline, damit die grafik nicht verrutscht. und hier ist das problem:

der rahmen tut so, als wäre der strich noch da; er "schmiegt" sich quasi oben, links und unten direkt an die grafik an, nur rechts hat er einen abstand von der breite des strichs...

was ist dieser strich, und wie bekomme ich ihn komplett weg? :roll:
über den einen oder anderen hilfreichen tipp wäre ich sehr dankbar!

viele grüße aus bremen

 

[ingoS]

Deine Beschreibung ist zwar detailliert genug, um sich darunter etwas vorstellen zu können, aber ohne den Code kann man trotzdem nur raten, was das Problem sein könnte.

Ich tippe mal auf ein Leerzeichen oder Zeilenumbruch im <a></a> nach dem <img>, also etwas in der Richtung:

<a href="blub.html"><img src="bla.jpg" alt="ploing" /> </a>

oder das hier:

<a href="blub.html"><img src="bla.jpg" alt="ploing" /> 
</a>

Die denkbar simple Lösung wäre das Entfernen des Leerzeichens. ;)

Ansonsten könnte es auch noch helfen, für alles margin und padding auf 0 zu setzen, also:

* {
margin: 0px;
padding: 0px;
}

Das Problem kann natürlich noch eine Vielzahl weiterer Ursachen haben. Wenn also diese Lösungsvorschläge nicht helfen: Code und möglichst Link zur Seite (oder zu einem Beispiel) posten.

NACHTRAG:
Der Internet Explorer kommt aber mit outline gar nicht klar, das solltest du berücksichtigen...

 

[thuemmy]

Du wirst zwischen dem <img>-Tag und dem schließenden </a>-Tag ein Leerzeichen haben.

Gruß thuemmy

 

[elara1985]

das war es schon! ich hatte wirklich ein leerzeichen dazwischen.
vielen dank für eure schnellen und hilfreichen tipps ;Jump