✔ CSS Unterschied Firefox/IE

[mein_name]

Wie der Titel schon sagt gibt es bei mir einen Unterschied in der Darstellung von Bildrahmen zwischen IE und Firefox!
Ich habe extra für Links diese CSS-Datei gemacht, da ich unterschiedliche Farben beim drüberfahren bei Links habe.

Jetzt habe ich aber Bilder als Link eingefügt, und im Firefox, macht er mir den Rand so wie ich ihn haben will, jedoch im IE bekomme ich den blauen ekeligen Rand angzeigt? Im Firefox macht er mir sogar die zwei verschiedenen Farben, wie oben beschrieben!
Was ist dran schuld?

ciao

 

[Dark Shadow]

schreib mal in deine CSS-Datei:

a img {
border: 0px;
}

Gruss
DarkShadow

 

[mein_name]

Naja ich möchte aber einen Rahmen habe um das Bild, jedoch sollte die Farbe schwarz sein! Ich habe auch probiert dass ich die pixel auf 2 stelle, jedoch funktioniert das auch nicht!
Gibts irgendeinen Befehl so wie zB bordercolor oder so für die Bilderrandfarbe?

ciao

 

[Dark Shadow]

Wenn du um ein Bild einen Rahmen willst:

img { border-color: #000000; }

Zeig doch mal, so kann ich das schwer nachvollziehen!

Gruss
DarkShadow

 

[mein_name]

ody {
	font-family: Tahoma;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #f34f08;
	margin: 2px;
	}

a:visited {
	color:#000000;
	text-decoration: none;
	}

a:hover {
	color:#222222;
	text-decoration: none;
	}

a:link {
	color:#000000;
	text-decoration: none;
	}
td {

	border-width: 1px;
	border-color: black;
	border-style:solid;
	}
img { 
	border-color: #000000; 
	}

Wie du siehst soll diese CSS-Datei den Rollover-Effekt bei Links machen. Komischerweise greift diese Datei beim Firefox, jedoch beim IE nicht - was Bilder anbelangt!

 

[Sven Mintel]

Hast du direkt im <img> mal das Attribut border="0" notiert?

 

[Maik]

Hi,

neben der Rahmenfarbe sollte auch die Rahmenstärke und der Rahmentyp angegeben werden:

a img {
border: 1px solid #000;
}

Zudem gehören die Pseudoklassen in einer anderen Reihenfolge notiert:

a:link {
	color:#000000;
	text-decoration: none;
	}

a:visited {
	color:#000000;
	text-decoration: none;
	}

a:hover {
	color:#222222;
	text-decoration: none;
	}

Und Selektoren mit der gleichen CSS-Formatierung lassen sich auch gruppieren:

a:link, a:visited {
	color:#000000;
	text-decoration: none;
	}

 

[mein_name]

Im img-Tag habe ich auch border auf 2, jedoch werde ich es jetzt entfernen, da iches jetzt rein über css mache!

Danke für die Antworten!