Rahmenfarbe von verweis-sensitiven Graphiken (mit usemap)
Lampe16
- css
Hallo CSS-Eingeweihte,
der linkanzeigende Rahmen von Graphiken (mit dem usemap-Attribut) ist blau voreingestellt. Ich habe versucht, das mit x:link{ color:rgb(...) }
zu ändern, wobei ich für x area, map, usemap oder img probiert habe. Funktioniert alles nicht. Wie geht es richtig?
Gruß, Lampe16
@@Lampe16:
nuqneH
der linkanzeigende Rahmen von Graphiken (mit dem usemap-Attribut) ist blau voreingestellt. Ich habe versucht, das mit
x:link{ color:rgb(...) }
zu ändern, wobei ich für x area, map, usemap oder img probiert habe. Funktioniert alles nicht. Wie geht es richtig?
Mit Nachdenken.
'area'-Elemente haben keinen Inhalt; im Browser ist von diesen nichts zu sehen. Von 'map', was ausschließlich 'area'-Elemente enthält, folglich auch nicht. Weder 'area' noch 'map' haben also den Rahmen.
'usemap' ist ein Attribut, ist also völlig falsch.
Das einzige, was den Rahmen haben kann, ist also 'img'.
Zur Pseudoklasse :link steht in der Spec [CSS2 §5.11.2]: „Die Dokumentsprache legt fest, welche Elemente Hyperlink-Quellanker sind. In HTML 4.0 beispielsweise beziehen sich die Link-Pseudo-Klassen auf A-Elemente mit einem ‚href‘-Attribut.“
Nicht also auf 'img'-Elemente.
Qapla'
Zur Pseudoklasse :link steht in der Spec [CSS2 §5.11.2]: „Die Dokumentsprache legt fest, welche Elemente Hyperlink-Quellanker sind. In HTML 4.0 beispielsweise beziehen sich die Link-Pseudo-Klassen auf A-Elemente mit einem ‚href‘-Attribut.“
Nicht also auf 'img'-Elemente.
Qapla'
Hallo Gunnar,
vielen Dank für Deine Erläuterung! Ich verstehe in Kurzfassung: Den blauen Rahmen kann ich nicht umfärben. Diese Konstanz ist im Sinne von Verständlichkeit vielleicht auch sinnvoll. Es wirkt dann eben nicht ganz so farb-harmonisch.
Gruß, Lampe16
Hallo,
vielen Dank für Deine Erläuterung! Ich verstehe in Kurzfassung: Den blauen Rahmen kann ich nicht umfärben.
doch, schon - nur nicht über das Element mit der Pseudoklasse :link. Denn den Rahmen hat in Wirklichkeit das img-Element.
Auf normal verlinkte Bilder <a><img /></a> wirkt also der CSS-Selektor a img.
Bei Imagemaps habe ich diesen Rahmen noch nicht gesehen - hast du mal ein Beispiel?
So long,
Martin
Bei Imagemaps habe ich diesen Rahmen noch nicht gesehen - hast du mal ein Beispiel?
So long,
Martin
Ich hab das jetzt so gelöst:
<img style="border:1px; border-style:solid; border-color:black" src="... und bin zufrieden damit.
Da es viele Bilder sind, wollte ich die Angaben dann noch mit
<style type="text/css">
.IMG {border-style:solid;
border-color:black;
border:1px;}
</style>
in den <head> verlegen und durch <img class="IMG" ... aufgreifen. Das klappt aber nicht. Die Bilder sind in div-Containern, die mit id angesprungen werden.
Gruß, Lampe16
@@Lampe16:
nuqneH
Da es viele Bilder sind
Nicht nur deshalb. Auch wegen besserer Wartbarkeit sollte Inhalt/Struktur und Darstellung fein säuberlich getrennt sein.
in den <head> verlegen und durch <img class="IMG" ... aufgreifen.
Die Klasse "IMG" ist sinnlos. Der Typselektor existiert. [CSS2 §5]
Das klappt aber nicht.
Womoglich ist der Selektor zu http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=unspezifisch.
Qapla'
@@Lampe16:
nuqneH
vielen Dank für Deine Erläuterung! Ich verstehe in Kurzfassung: Den blauen Rahmen kann ich nicht umfärben.
Du verstehst falsch. Natürlich kannst du den Rahmen umfärben oder auch ganz entfernen.
Du musst die Regel dazu für den richtigen Selektor angeben. Für welches Element, hatte ich dir gesagt. Dass auf dieses Element die Pseudoklasse :link nicht wirkt und x:link deshalb nichts selektiert, auch.
Qapla'
Qapla'
Ein lernwilliger Schüler kommt mit den Eigenheiten seines Lehrers zurecht, auch wenn der Spaß nur auf einer Seite ist.
Gruß, Lampe16