Wieso sind meine Bilder 'eingerahmt'?

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

wenn ich auf meiner Seite bin und meine eingefügten Bilder anschaue, sehe ich meist so einen hässlichen blauen/lila Rahmen drum herum.
Ok, bei Links zeigt das an ob der Link schon gelesen ist (lila) oder noch nicht (blau).
Aber das muss doch irgendwie anders gehen für Bilderlinks, oder etwa nicht?
Beispiel wäre zum Beispiel hier: http://www.workablogic.de/?p=298
Rechts auf der Seite, Facebook, Twitter und Simpsons Bild.
Und unten der iPod Shuffle.
Kriegt man das irgendwie „rahmenfrei“ hin?

DANKE!!!

#2

Auch Hallo!

Kriegt man das irgendwie „rahmenfrei“ hin?

Ja, mit CSS: style=„border:none“

Gruß, Robi

#3

Hallo,

war jetzt im style.css

habe da folgendes gefunden:

p img
{
max-width:100%;
border:#ddd 1px solid;

und habe einfach: border:none;

gemacht aber nichts hat sich geändert.
Da muss ich wohl anders ran, richtig?

#4

entweder setzt du im html dokument bei jedem bild —> border=„0“ oder in der css a.img { border:none } die dritte möglichkeit ist den css direkt im html einzubinden. dazu einfach beim

#5

Letzteres ist aber weniger elegant. CSS sollte eigentlich bestmöglichst immer in eine externe Datei ausgelagert werden oder alternativ im Head der HTML-Datei stehen. Implementierung in den HTML-Code schafft bei Veränderungen unzählige Mühe und man muss jeden Code-Schnipsel bei Veränderungen einzeln verändern. Bei einem, vom HTML-Code abgetrennten Stylesheet, besteht der Vorteil, dass man in einer gesamten Übersicht sämtliche Attribute verändern kann ohne sich durch unzähligen Code arbeiten zu müssen.

#6

Danke, hab einfach die ersten, simpelste Variante genommen border=„0“
und es passt!

Danke.

#7

jo das ist so jedoch wollte ich jede möglichkeit aufzeigen :wink: