nicht angemeldet
Bild als Link...Rahmenfarbe ändert sich nicht mit CSS angaben
a:link { color:green; text-decoration:none; }
a:visited { color:red; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; background-color:#CCCCCC; }
a:active { color:#000000; background-color:#FFFF99; }
so sehen meine angaben für die Linkfarben in meiner CSS Datei aus...
Die Textlinkfarben ändern sich zwar aber bei Thumbnail Bilchen bleibt der Rahmen einfach blau bzw. in den Standardfarben!!!
muss ich die Link Farben für Bilder immer extra im Body Tag notieren?
-
Hi,
nö, versuch es mal mit border-color.
http://selfhtml.teamone.de/navigation/css.htm#rahmen
Grüße aus Herzi,
Ronny
-
nein, funzt leider auch nicht!
-
Oh! Sorry.
So läuft es zumindest im Mozilla:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta name='author' content='Ronny'>
<meta name='generator' content='Ulli Meybohms HTML EDITOR'>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
a:link img {border: solid 2px blue;}
a:visited {}
a:hover img {border: solid 2px red;}
a:active {}
</style></head>
<body>
<a href="#"><img src="News_ti.gif" width="103" height="50" alt=""></a>
</body>
</html>Gute Nacht!
-
Danke dir...
habe die Angabe IMG extra für Bildlinks nicht gekannt...auch nicht in SelfHtml gefunden.Danke dir...jetzt gehts :))
lg
Marcus-
hi
habe die Angabe IMG extra für Bildlinks nicht gekannt...auch nicht in SelfHtml gefunden.
das is auch nix soo tiefsinniges - einfach ein <img/>, dass sich immerhalb eines <a> befindet. Genauso kannste da auch einen Teil des <a> in ein <span> packen und damit irgendwas tolles machen..
Grüße aus Lübeck
Kai
-
Und das ganze steht da:
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Grüße aus Herzi,
Ronny
-
-
-
-
-
-
Hallo Marcus, <-- Begrüssung, siehe </faq/>
Also, mit Textlinks sollte dieses funktionieren - in IE6, NN6.2 und Opera 6 tut's jedenfalls:
a:link {
border : 2px solid;
border-color : green;
}a:visited {
border : 2px solid;
border-color : red;
}a:hover {
background-color : #CCCCCC;
}a:active {
background-color : #FFFF99;
}Bei Bildern mit transparentem Hintergrund kommen da allerdings merkgewürzige Dinge 'raus und eine Lösung finde ich _dafür_ leider Gottes nicht, sorry. Vielleicht kann ja noch jemand von den css-Fachleuten was dazu sagen - es ist ja möglich, dass man entweder tricksen muss oder aber es tatsächlich nicht geht...
hover und active tun's so jedenfalls problemlos auch mit Bildern (die einen transparenten Hintergrund haben).
HTH, zumindest zum Teil.
File Griese, <-- Verabschiedung, siehe ebenfalls </faq/>
Stonie
-
Hallo Stonie,
haeb gerade das gleiche Problem. Der Ärger ist, dass es mit transparenten GIFs mit nicht rechteckigen Konturen wirklich bescheuert aussieht. Und ich dachte schon, ich könnte damit den blöden Bildwechseln entkommen...
Viele Grüße
Mathias Bigge
-
-
Hallo Marcus,
Die Textlinkfarben ändern sich zwar aber bei Thumbnail Bilchen bleibt der Rahmen einfach blau bzw. in den Standardfarben!!!
mmmh ...
Nachdem ich die ganzen CSS-Lösungsversuche gelesen habe, frage ich jetzt mal ganz unverschämt:
hast du denn in deinem <img> tag ein border= notiert ?Wenn dieses nämlich nicht definiert ist oder einen Wert > 0 hat hast du den "Browserstandardmäßigen" Rahmen um das Bild, egal welche Klimmzüge du machst.
Mir persönlich ist momentan keine Möglichkeit bekannt, dieses Attribut Crossbrowserkompatibel durch css zu ersetzen oder zu überschreiben - die CSS-Gurus mögen mich korrigieren ;-)
Aber! An deiner Frage sehe ich gerade ein sehr großes Manko:
CSS ist toll - damit kann man alles formatieren und man kann sehr gut Formatierung und Inhalt trennen - _aber_ ohne Grundkenntnisse der HTML Tags und deren Attribute, kann man auch verdammt schnell "an die Wand laufen"So weit erstmal
Gruß
der_bernd-
hi
Mir persönlich ist momentan keine Möglichkeit bekannt, dieses Attribut Crossbrowserkompatibel durch css zu ersetzen oder zu überschreiben - die CSS-Gurus mögen mich korrigieren ;-)
das Ding ist vollens gleichwertig mir dem CSS'schen border-width:. Das häufige Missverständnis ist, dass der Rahmen nicht zum <a> sondern zum darin enthaltenen <img/> gehört.
Grüße aus Lübeck
Kai
-
Nachdem ich die ganzen CSS-Lösungsversuche gelesen habe, frage ich jetzt mal ganz unverschämt:
hast du denn in deinem <img> tag ein border= notiert ?Wenn dieses nämlich nicht definiert ist oder einen Wert > 0 hat hast du den "Browserstandardmäßigen" Rahmen um das Bild, egal welche Klimmzüge du machst.
a:link img {border: solid 2px green;}
a:visited img{border: solid 2px red;}
a:hover img {border: solid 2px #000000;}
a:active img {border: solid 2px blue;}hat mein Problem gelösst ohne dass ich auf der HTML Seite eine Border im Image Tag notiert habe.
habe nur nichts von "a:active img" gewusst...in HTML bin ich besser..das definiert link=black z.B. auch gleich die Rahmenfarbe der Bildlinks mit ausser ich habe im IMG Tag border=0 weil dann brauch ich dafür überhaupt keine Farbe :)))
Danke Ronny
lg
Marcus
-