Rahmen unterdrücken beim Verlinken von Bildern

[noknok]

Hallo, Ihr da draussen!
Wie kann ich verhindern, dass ein (schwarzer) Rahmen um ein Bild erscheint, wenn ich das Bild verlinke, also durch eine Konstruktion der Form
  <a href="next.html"> <img src="bild.jpg" /> </a>

[apsel]

Om nah hoo pez nyeetz, noknok!

beschäftige dich im selfhtml-wiki oder in dieser Dokumentation mit der CSS-Eigenschaft Border.

Matthias

[Sascha]

Hi Folks,

Wie kann ich verhindern, dass ein (schwarzer) Rahmen um ein Bild erscheint, wenn ich das Bild verlinke, also durch eine Konstruktion der Form
  <a href="next.html"> <img src="bild.jpg" /> </a>

Probiere doch einmal in deinem css-style dem <img> kein Rahmen zuzuweisen.
Also in etwa so:

img {
  border:0px;
}

Gruß Sascha

[Gunnar Bittersmann]

@@Sascha:

nuqneH

Probiere doch einmal in deinem css-style dem <img> kein Rahmen zuzuweisen.
Also in etwa so:

img {
  border:0px;
}

Hast du das selbst mal probiert? Es bewirkt gar nichts, denn Bilder haben per Default keinen Rahmen; 'img { border: 0 }' steht im Browserstyleheet.

Der Selektor ist zu unspezifisch, denn im Browserstyleheet gibt es eine Regel für 'a img'. Diese muss überschrieben werden.

Qapla'

[Sascha]

@@Gunnar

Hi Folks,

img {
  border:0px;
}

Hast du das selbst mal probiert? Es bewirkt gar nichts, denn Bilder haben per Default keinen Rahmen; 'img { border: 0 }' steht im Browserstyleheet.

Ich habe es tatsächlich bei mir so gemacht und dort hat es den gewünschten Effekt hervorgerufen :-/ ?!?

Der Selektor ist zu unspezifisch, denn im Browserstyleheet gibt es eine Regel für 'a img'. Diese muss überschrieben werden.

Qapla'

Da wir ja nicht dumm sterben wollen:
Das heißt 'a img' hat eine andere standart Definition als 'img' ?

Gruß Sascha

[Gunnar Bittersmann]

@@Sascha:

nuqneH

Ich habe es tatsächlich bei mir so gemacht und dort hat es den gewünschten Effekt hervorgerufen :-/ ?!?

Oops, das hatte ich anders in Erinnerung.

Nochmal nachgelesen: Erst wird nach Ursprung gewichtet, dann nach Spezifität des Selektors. [CSS2 §6.4.1, CSS21 §6.4.1]

Du hast recht, 'img { border: none }' genügt.

Das heißt 'a img' hat eine andere standart Definition als 'img' ?

Genauer gesagt: 'a[href] img'.

Qapla'

[noknok]

Hallo Sascha, hallo apsel,
vielen Dank für die schnelle Antwort und die Tips. Ich werde die Hinweise näher untersuchen.
Schöne Grüsse

[Master of Desaster]

Ganz einfach:
<a href="next.html"> <img src="bild.jpg" style="border=0;"/> </a>
border gibt die dicke des rahmens an.+
0 = keinen rahmen

[Gunnar Bittersmann]

@@Master of Desaster:

nuqneH

Ganz einfach:
<a href="next.html"> <img src="bild.jpg" style="border=0;"/> </a>

Nein, ganz blöd.

Stilangaben haben im Markup nichts zu suchen, sondern gehören ins Stylesheet.

Außerdem will man das sicher nicht für jedes verlinkte Bild gesondert tun.

Qapla'

[noknok]

Hi Gunnar, vielen Dank für die Korrektur.

Ganz einfach:lles erscheint wie
<a href="next.html"> <img src="bild.jpg" style="border=0;"/> </a>

Nein, ganz blöd.

Stilangaben haben im Markup nichts zu suchen, sondern gehören ins Stylesheet.

Außerdem will man das sicher nicht für jedes verlinkte Bild gesondert tun.

Aber das Drumherum war mir wohl klar. Mittlerweile habe ich meinen my.css verändert gemäss Euren Vorschlägen und alles erscheint wie gewünscht.

Gruss und Danke nochmal

[MudGuard]

Hi,

<a href="next.html"> <img src="bild.jpg" style="border=0;"/> </a>
border gibt die dicke des rahmens an.+
0 = keinen rahmen

Mal abgesehen von dem, was Gunnar schon gesagt hat:

zwischen Eigenschaft und Wert gehört in CSS kein '=', sondern ein ':'.

cu,
Andreas