kein Rahmen um verlinkte Bilder
Dirk Wenkdorff
- css
0 Orlando0 Dirk Wenkdorff0 Orlando
Hallo zusammen,
eigentlich eine ganz einfach Sache: <a href...><img src...></a>
Standardmäßig wird je nach Browser ein Blauer Rahmen drumgezogen (Mozilla/IE) oder nicht (Opera).
Dummerweise wird die Farbe dieses Linkrahmens im IE im Gegensatz zu Textlinks nicht durch Angaben in a:link verändert, dort bleibt er blau.
Ich versuche ihn mit img {color:#FF0000} testweise einzufärben. Mozilla folgt auf's Wort, die anderen lassen's.
Ok, eigentlich will ich den Rahmen ja sowieso weg haben, also img {border:0px;}. Eigentlich sollte ich jetzt glücklich sein, denn jetzt sieht es überall so aus wie ich will, kein Rahmen.
Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.
Was läuft da schief? Verwende ich den falschen Rahmenbefehl?
Bye,
Dirk
Hi, Dirk
Ok, eigentlich will ich den Rahmen ja sowieso weg haben, also img {border:0px;}. Eigentlich sollte ich jetzt glücklich sein, denn jetzt sieht es überall so aus wie ich will, kein Rahmen.
Na, dann sei doch glücklich ;)
Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.
Wie soll sie denn der Browser rendern - so ganz ohne Maßeinheit?
http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#numerische
http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm
-> Bei Rahmen zusätzlich: thin | medium | thick
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
Hallo auch, Orlando
Na, dann sei doch glücklich ;)
Für den Moment bin ich das auch. Aber erstens verlasse ich mich ungerne auf etwas was ich mir nicht erklären kann (bzw. gegen denn Sinn der Befehle läuft) und zweitens, was ist, wenn ich doch mal einen farbigen Rahmen machen will?
Ist aber img {border:irgendwas;} nur ein Trigger? Denn ob da 0 oder 10 oder 1000 drinsteht, es gibt keinen Rahmen mehr um die Bilder.
Wie soll sie denn der Browser rendern - so ganz ohne Maßeinheit?
Ja, ok, die steht schon immer dabei, wie oben in meinem Befehl. Unten hatte ich sie in der Mail vergessen.
Haha! Danke!
Das ist gut, border-style hatte ich nicht gesetzt ich Depp. Anscheinend nehmen die Browser defaultmäßig none an.
Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind). Ist das ein Fehler im Browser oder vergesse ich immer noch was? Wenn ersteres, gibt's einen Workaround?
Gruß,
Dirk
Hi,
Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind).
hast du einen Rahmen für Verweise definiert? Wenn ja, kann es sein, dass er daher rührt.
Ist das ein Fehler im Browser oder vergesse ich immer noch was? Wenn ersteres, gibt's einen Workaround?
Für den IE gibt's einige Workarounds, allerdings sollte er
img { border: 0px; }
verstehen. Jag' das Stylesheet auf jeden Fall mal durch den Validator (http://jigsaw.w3.org/css-validator/) und korrigiere die Fehler. BTW, kann man sich die Seite online ansehen?
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
Hi nochmal,
Nur ein Problem wie oben geschrieben habe ich noch - auch mit border-style usw. macht mein IE5 mir den Rand blau (bzw. wie Links allgemein eingestellt sind).
hast du einen Rahmen für Verweise definiert? Wenn ja, kann es sein, dass er daher rührt.
Ne, nix dergleichen.
Für den IE gibt's einige Workarounds, allerdings sollte er
img { border: 0px; }
verstehen.
Tut er ja auch, nur die Farbe kann ich auf Teufel komm raus nicht beeinflussen. Zumindest nicht per CSS, durch LINK="#FFFFFF" in den Body ist das kein Thema, aber das will ich vermeiden (das gälte ja auch wieder für alle Links ...).
Jag' das Stylesheet auf jeden Fall mal durch den Validator (http://jigsaw.w3.org/css-validator/) und korrigiere die Fehler.
Mache ich immer mal wieder. Außer "Sie haben keine Hintergrundfarbe zur Vordergrundfarbe angegeben" sagt er nix.
BTW, kann man sich die Seite online ansehen?
Nein, noch nicht.
Kurzer Test:
<HTML><HEAD>
<style TYPE="text/css">
img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}
</style>
</HEAD>
<BODY>
Text<BR>
<A HREF="test"><IMG SRC="test"></A>
<BR clear=all>
Text
</BODY></HTML>
Bye,
Dirk
Einen hab' ich noch ;)
img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}
Jetzt Frage ich mich nur, wofür du die Vordergrundfarbe angibst - es ist ja ein Bild. Probiere es mal hiermit:
img {
border-width: 5px;
border-style: solid;
border-color: #ff0000;
}
oder vereinfacht:
img { border: 5px solid #f00;}
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
Einen hab' ich noch ;)
Sehr schön, der hat's nämlich gebracht.
img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}
Jetzt Frage ich mich nur, wofür du die Vordergrundfarbe angibst - es ist ja ein Bild.
Weil Mozilla nur dann auch die Umrandungsfarbe änderte, auf border-color hört auch er nicht.
Probiere es mal hiermit:
img {
border-width: 5px;
border-style: solid;
border-color: #ff0000;
}
oder vereinfacht:
img { border: 5px solid #f00;}
Schande, warum geht das?
Moment, die Reihenfolge?
Tatsächlich, die Reihenfolge macht den Unterschied. Wär ich nie drauf gekommen, steht das wo? Jetzt kommt auch Mozilla ohne color: aus.
Herzlichen Dank!!!
gute Nacht,
Dirk
Hi, Dirk
Nachdem ich dein Posting gelesen habe, ist mir noch etwas aufgefallen.
img { border: 5px solid #f00;}
Schande, warum geht das?
Tatsächlich, die Reihenfolge macht den Unterschied. Wär ich nie drauf gekommen, steht das wo? Jetzt kommt auch Mozilla ohne color: aus.
Du hast in deinem Beispiel die Farbe definiert, danach die Rahmenfarbe und dann schlicht border:5px. Es ist wahrscheinlich, dass aus diesem Grund die Browser die vorherigen Angaben vergessen. Hättest du border-width:5px geschrieben, gäbe es kein Problem. Warum?
img {color:#00FF00; border-color:#FF0000; border:5px; border-style:solid;}
Nachfolgende gleichlautende Definitionen haben Gültigkeit (überschreiben vorherige) und 'border:' gilt nunmal für alle Rahmeneigenschaften. Also entweder alles detailliert angeben, oder in der verkürzten Form.
Herzlichen Dank!!!
Gerne :)
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
Hallo Orlando,
Nachdem ich dein Posting gelesen habe, ist mir noch etwas aufgefallen.
Hättest du border-width:5px geschrieben, gäbe es kein Problem.
Stimmt, gerade ausprobiert.
Nachfolgende gleichlautende Definitionen haben Gültigkeit (überschreiben vorherige) und 'border:' gilt nunmal für alle Rahmeneigenschaften. Also entweder alles detailliert angeben, oder in der verkürzten Form.
Und Du hast schon wieder recht, tja, ist doch diffiziler als ich dachte.
Gut, darüber ob border: Attribute setzen sollte die nicht explizit angegeben sind, kann man streiten, aber ich mach's so wie vorgesehen, dann paßt's.
Bye,
Dirk