Hallo,
ich habe gerade auf meiner Webseite ein Bild per CSS eingebunden, um eine bessere Barrierefreiheit zu erreichen. Nun wird aber aus unerklärlichen Gründen ein weißer Rahmen um das Bild herum gelegt… (Hat nichts mit dem Bild zu tun, wenn ich Bilder nicht lade, kommt er trotzdem). Woran kann das liegen?
[HTML]
[/HTML]
[CODE]#subheader_new {
margin: 25px 25px 35px 25px;
float: left;
outline: 0px ;
border: 0px;
outline-style: none;
border-style: none;
}
Nein, das darf man nicht so schreiben. Ein img-Tag muss eine Quelle haben und wird ohne CSS angezeigt.
Du könntest das Hintergrundbild direkt dem div zuweisen. Der Rahmen dürfte weggehen, wenn Du dann noch die Hintergrundfarbe auf schwarz setzt.
Eigentlich gibt es eine Regel, wann man ein Bild direkt einbindet und wann als Hintergrundbild:
[ul]
[li]Bilder, die zum Inhalt gehören: Direkt einbinden mit entsprechendem alt-Text[/li][li]Bilder, die ausschließlich zur Dekoration dienen: Als Hintergrundbild einbinden[/ul]Gruß[/li]Junny
img direkt einbinden, wenn es nicht erforderlich ist, dass es im Hintergrund steht. Macht Sinn und ist am einfachsten.
Weise die Grafik dem subheader_new direkt zu:
#subheader_new {
margin: 25px 25px 35px 25px;
float: left;
background: url(images/subheader_new.png);
width: 880px;
height:290px;
}<div id="subheader_new"></div>3. In Anlehnung an deinen Code (=„Div-Suppe“ und deshalb nicht empfehlenswert):
Das geht so wirklich nicht. Der img-Tag braucht einen src. Man kann einem img zwar durchaus eine Klasse zuweisen (in der dann z.B. Rahmen o.ä, definiert sind), aber dann muss man den Tag auch richtig schreiben: