Verlinkte Bilder ohne blauen Rand / css

[Buzzer]

Hallo,

ich bin ein ziemlicher Anfänger was Homepages angeht.

Ich möchte einige kleinansichten von Bildern verlinken.

Jedoch bekommen die Bilder dann grundsätzlich einen blauen Rand.

Auch wenn ich den Parameter

<a>

in der css datei auf "color:#00000" verändere bleibt der Blaue Rand beim Bild. Beim Link verändert sich die farbe aber nicht bei einem verlinkten Bild.

Was muss ich in die css datei eintragen um das zu ändern?

css:

a:link { color:#0000FF; text-decoration:none; font-weight:bold; }
a:visited { color:#0000FF; text-decoration:none; font-weight:bold; }
a:active { color:#000000; text-decoration:none; }
a:hover { color:#0000FF; text-decoration:underline; font-weight:bold; }

html:

<a href="images/trainingsommer04/0402.jpg" target="_blank"><img src="images/trainingsommer04/0402.jpg" width="375" alt="Gruppenfoto1"></a><br><br>

Danke, gruß Buzzer

[dhx]

AW: Verlinkte Bilder ohne blauen Rand / css

Mahlzeit!

Buzzer:
Was muss ich in die css datei eintragen um das zu ändern?

Das hier (hiermit haben ALLE Bilder keinen Rahmen):

img {border:0;}

[Buzzer]

AW: Verlinkte Bilder ohne blauen Rand / css

Vielen Dank

[WhispR]

AW: Verlinkte Bilder ohne blauen Rand / css

oder

<a href="images/trainingsommer04/0402.jpg" target="_blank"><img src="images/trainingsommer04/0402.jpg" width="375" alt="Gruppenfoto1" border="0"></a><br><br>

aber die css Lösung ist eleganter ;-)

MfG

[Georg-Schaal.de]

AW: Verlinkte Bilder ohne blauen Rand / css

Also ich hatte damals das Problem, das ich gesagt habe das die Links ne text-decoration: underline; bekommen haben. Also ne Border-bottom bei (a).

Wenn ich jetzt nen verlinktes Bild, wie in deinem Beispiel habe, dann wurden die Bilder auch unterstrichen. Das kannse dann mit:

a img {border: none;}

ändern

[rami]

AW: Verlinkte Bilder ohne blauen Rand / css

das mit dem "a " davor gibt natürlich die eleganteste lösung, aber ich weiß nicht genau ob das jeder browser kapiert.

[Yannick]

AW: Verlinkte Bilder ohne blauen Rand / css

Das sollte so ziemlich jeder Browser kapieren ^^
Das ist einfache Vererbung und funktioniert sogar im IE6 und auch 5.. Da muss man sich keine Sorgen machen. Nur wenn man direkte Nachfahren und so ansprechen möchte, haben damit manche Browser Probleme, aber so ist alles in Ordnung ^^

[Georg-Schaal.de]

AW: Verlinkte Bilder ohne blauen Rand / css

Tja... kann irgendwie jetzt nur davon abraten.
Bei mir funktioniert es nicht mehr!!! Oder nur noch teilweise

Aber kann auch sein, das es Nebenwirkungen von anderen Dingen sind.

[Kirby]

AW: Verlinkte Bilder ohne blauen Rand / css

Auch schön:
* {
margin: 0;
padding: 0;
border: 0;
}

Das erleichtert im weiteren Verlauf sehr viel.

[dhx]

AW: Verlinkte Bilder ohne blauen Rand / css

Mahlzeit!

Kirby:
Auch schön:
* {
margin: 0;
padding: 0;
border: 0;
}

Das erleichtert im weiteren Verlauf sehr viel.

Aber auch nur dann, wenn ich mehrere unterschiedliche Elemente
mit den selben Werten formatieren möchte. Ansonsten braucht man
diesen Universalselektor nicht wirklich.

[Georg-Schaal.de]

AW: Verlinkte Bilder ohne blauen Rand / css

Was hat der Code denn in dem Thread zu tun?

[Kirby]

AW: Verlinkte Bilder ohne blauen Rand / css

Was hat der Code denn in dem Thread zu tun?

Er setzt alle Grenzen auf 0. Das betrifft auch die vom "a img".

Ansonsten braucht man
diesen Universalselektor nicht wirklich.

Ich benutze ihn immer am Anfang.
Die verschiedenen Browser unterscheiden sich in ihren Standardselektoren, wodurch es zu verschiedenen Designdarstellungen kommt. Wenn ich allen Attributen ein margin-padding-border-"Reset" verpasse und im Laufe der Designerstellung neu definiere, dann kann ich mir weitestgehend sicher sein, dass es bei allen Browsern gleich aussieht.

[dhx]

AW: Verlinkte Bilder ohne blauen Rand / css

Mahlzeit!

Kirby:
Die verschiedenen Browser unterscheiden sich in ihren Standardselektoren,
wodurch es zu verschiedenen Designdarstellungen kommt.

Ja, da stimme ich dir auch zu.

Kirby:
Wenn ich allen Attributen ein margin-padding-border-"Reset" verpasse und
im Laufe der Designerstellung neu definiere,

Nur wird kein "Reset" sondern vielmehr ein neuer (einheitlicher) Ausgangswert
erzeugt und diesen überschreibst du dann ggf. wieder mit einem neuen
(einheitlichen) Wert.

[Kirby]

AW: Verlinkte Bilder ohne blauen Rand / css

Nur wird kein "Reset" sondern vielmehr ein neuer (einheitlicher) Ausgangswert
erzeugt und diesen überschreibst du dann ggf. wieder mit einem neuen
(einheitlichen) Wert.

Da hast du recht. Es ist kein richtiger Reset.
Da der Sternselektor in der Kaskade aber der kleinste gemeinsame Attributselektor ist, definiere ich ihn für mich als 0-Wert. Es ist also eher eine Nullung als ein Reset. Das Ergebnis ist für uns dennoch weitestgehend gleich.

[dhx]

AW: Verlinkte Bilder ohne blauen Rand / css

Mahlzeit!

Kirby:
Das Ergebnis ist für uns dennoch weitestgehend gleich.

Stimme ich dir absolut zu. Einigen wir uns darauf das man es
machen kann, aber nicht unbedingt muss. Wie z.B. SelfHTML
es auch zeigt:

http://de.selfhtml.org/src/selfhtml.css

Anmerkung:
Sorry an den Threadersteller das das Ganze ein wenig ein wenig
vom Thema wegging.