Hallo liebes Forum,
ich bin gerade dabei eine Webseite zu erstellen. Im Safari-Browser sieht sie auch schon ganz gut aus , aber der Internet-Explorer und Firefox machen um Bilder, die als Link fungieren, solche blauen Kästen drum rum. In meiner CSS Datei hab ich programmiert, dass alle Links blau sind und unterstrichen. Das wird wahrscheinlich der Grund sein, warum die Browser einen blauen Kasten um die Grafiken macht, oder? Problem: Das sieht beknackt aus Kann mir also einer sagen, wie ich die Bilder vom Rahmen befreien kann. Vllt irgendwie Bilder in der CSS-Datei ausschließen....
Ich wäre euch sehr dankbar, wenn ihr mir helfen könntet.
Danke!
Grüße
Max

probiere mal folgendes in der CSS -Datei:

img {
border: 0;
}

Funktioniert nur bedingt bei Firefox/Internet explorer.

im Zweifel bei jedem bild mit eingeben

Der Tipp von freeroot funktioniert immer!!

Zeig mal wo es nicht funzen soll?

Gib dem jeweiligen img-tag noch ein: border="0" mit und alles ist gut

tja, leider kann man nicht alle img-tags immer beeinflussen. Das mit dem CSS klappt aber (IE 6, IE 7 und FF > 1.0.4

Klasse!
Danke!
Funktioniert (zimindest beim Firefox, IE hab ich noch nicht geschaut, aber müsste ja dann auch so sein) super!

schneide doch das Bild noch enger aus, das spart Speicherplatz.

Ich nehme an, dass Du da ein Bild verlinkt hast und hier nun der Browser seiner Standard-Vorgabe folgt, in welcher Farbe er Links darstellen soll (siehe Einstellungen im Browser). Da um das Bild ein Link ist, bekommt dieses Bild eben einen blauen Rahmen vom Browser verpasst (blau für unvisited link), klickst Du es an, so wechselt der Rahmen in die Farbe violett (violett für visited link). Dein HTML code sieht evtl. so oder ähnlich aus: <a href="VerweisURL"><img src="BildURL" alt="AlternativText" title="BildBeschreibungKurz" /></a>.

Der zugehörige CSS-Code, um den Rand beim Bild wegzubekommen ist:

img, a img {border: none;}

Will heißen: alle img-Elemente und alle img-Elemente, welche sich innerhalb eines a-Elements (also innerhalb eines Hyperlinks) befinden, sollen keinen Rand (border: none oder auch border: 0) haben. Willst Du dich wirklich nur auf auf die Bilder beziehen, die innerhalb eines Hyperlinks sind, dann natürlich nur:

a img {border: none;}

Wieso musst Du explizit angeben, dass sich das Bild in einem Hyperlink befinden muss? Auch ganz einfach: Selbst wenn Du zu allen Bildern sagst: img {border: none;}, würde die Funktion des Hyperlinks das an der Stelle wieder überschreiben und eben seine Kennzeichnung machen, dass es sich um einen Hyperlink handelt, da das Bild ja im HTML-Code *innerhalb* des Hyperlinks steht und somit dessen Eigenschaften erbt gemäß der Vererbungslehre des DOM. Deshalb musst Du explizit dem Hyperlink um ein Bild mitgeben, dass er gefälligst keinen Rahmen zeichnen soll.

Ganz einfach eigentlich!

Sowas ist uncool, oldschool und sowieso ganz böse, weil man's besser mit CSS erledigen kann und soll (Stichwort: Trennung von Inhalt und Layout, und Visuelles bzw. layout-spezifische Dinge gehören nicht ins HTML, sondern ins CSS).

Ja ja ja, ich weiss ... (Schlaumeier ) ich würds ja auch mit CSS lösen, es war ja nur EIN Ansatz dem Problem entgegenzuwirken

Wenn Du es eigentlich besser weißt, warum empfiehlst Du dann den schlechteren Ansatz zur Problemlösung?
Wäre es nicht ratsamer, gleich den besseren, den richtigen Ansatz zu empfehlen und weiterzutragen, damit sich der schlechtere, der weniger empfehlenswerte (und offiziell sogar missbilligte) Ansatz erst gar nicht in den Köpfen festsetzt?