Verlinktes Bild hat in Firefox einen Rand

[RonjaWork]

Hallo!

Ich habe in eine HTML-Datei ein Foto einegefügt und verlinkt. Das ganze sieht so aus:

<p class="foto"><a href="#"><img src="img/online.png" width="288" height="233" class="img" alt="Online"/></a></p>

Meine erste Frage: Kann man das so machen, oder ist da irgendetwas unprofessionel dran?

Meine zweite Frage: Wenn ich meine Datei in Safari öffne sieht alles super aus. In Firefox leider nicht... Um das Bild herum erscheint ein Rahmen, der da eigentlich nicht sein soll. Das liegt irgendwie an der Verlinkung.
Ich weiß aber nicht, mit welchen CSS-Befehlen ich das ausstellen kann.
ich habe es mit text-decoration:none versucht. Außerdem weiß ich auch nicht so richtig, auf welches Element ich die CSS Befehle anwenden soll. Also nur a, oder auch irgendwie auf die Klasse "foto"?

Kann mir jemand helfen? Ich hoffe, ihr versteht was ich meine... Ich habe grade erst angefangen zu programmieren und kenne mich mit den Begriffen und so noch nicht so aus.

LG, Ronja

 

[MyBad]

AW: Verlinktes Bild hat in Firefox einen Rand

Hi!

Zu 1.: So wie du es aufgebaut hast, ist es absolut in Ordnung.
Zu 2.: Im CSS img{ border: none; }

 

[RonjaWork]

AW: Verlinktes Bild hat in Firefox einen Rand

Juhu
Danke, so einfach kanns sein

 

[sokie]

AW: Verlinktes Bild hat in Firefox einen Rand

Hallo Ronja,
Da du, wie du schreibst am Anfang des 'Programmierens' stehst, möchte ich auf das class="img" eingehen.
so etwas sieht man oft bei unerfahrenen Codern. So etwas macht keinen Sinn, und solltest du dir auf jeden Fall abgewöhnen. Denn alle img der Seite sind ja 'von Haus aus' html-elemente der klasse "img". Deshalb ist so etwas überflüssig.
die class= solltest du nur verwenden, wenn es notwendig ist ein oder mehrere Elemente mit gleichem Styling zu versehen - abweichend von gleichen Elementen ohne Klasse.

Ansonsten ist an dem Code nichts einzuwenden - so wirds gemacht!
je nach Doctype zB bei xhtml ist es sogar zwingend, dass <a> umd <img> innerhalb eines Blockelements notiert werden müssen, so wie bei dir das <p> deine inline-elemente einschliest.

den Vorschlag "einfach ein border:0 oder border:none in die Zeile zu schreiben ignorierst du besser; das ist weder so gültig, noch wird es funktionieren.