Unterscheidung in CSS zwischen Link und Mailto-Link möglich?
small-step
- css
Hallo alle,
ich überlege gerade ob es eventuell eine Art Pseudo-Klasse geben könnte, mit der mir die Unterscheidung von normalen Links und Mailto-Links möglich wird, und zwar in CSS.
Hintergrund:
Ich verpasse allen Links ein Hintergrundbild und verschiebe den Text ein wenig nach rechts, so dass ich ein vor dem Link stehendes Bildchen erreiche. Nur würde ich jetzt gerne für die Mailto-Links z.B. einen Briefumschlag vergeben um den Nutzern die Unterscheidung zu ermöglichen.
Da es sich bei dem Ganzen um ein CMS handelt kann ich leider keine eigene Klasse definieren.
Weiß jemand ob das möglich ist?
Dankeschön und Gruß,
small-step
Hallo small.
ich überlege gerade ob es eventuell eine Art Pseudo-Klasse geben könnte, mit der mir die Unterscheidung von normalen Links und Mailto-Links möglich wird, und zwar in CSS.
Ja, CSS3-fähige Browser können in CSS über Attribute selektieren.
Hierfür genügt Folgendes:
a[href^=http]
a[href^=mailto]
(Wobei „^“ hier für den Anfang des Wertes des href-Attributes steht.)
Es kann aber noch ungefähr ein Jahrzehnt dauern, bis diese Selektoren alltagstauglich werden. (Wir wissen alle, warum.)
Daher geht es momentan wohl leider nur über die altbekannten Wege.
Einen schönen Freitag noch.
Gruß, Ashura
Hallo.
Ja, CSS3-fähige Browser können in CSS über Attribute selektieren.
Konkreter: ... können in CSS über Attribute auf diese Art und Weise selektieren.
Selektion über Attribute ging auch schon vor CSS3.
Einen schönen Freitag noch.
Gruß, Ashura
Hallo small-step,
ich überlege gerade ob es eventuell eine Art Pseudo-Klasse geben könnte, mit der mir die Unterscheidung von normalen Links und Mailto-Links möglich wird, und zwar in CSS.
Weiß jemand ob das möglich ist?
jain. In CSS3 wird es zwar ein entsprechender Attributselector drin sein (du bräuchtest a[href^="mailto"] { ... }
), aber den verstehen bisher nur Browser mit der Gecko-Engine.
Grüße aus Nürnberg
Tobias
Hi,
(du bräuchtest
a[href^="mailto"] { ... }
), aber den verstehen bisher nur Browser mit der Gecko-Engine.
Nö. Auch Konquerors ab mind. 3.1.4 verstehen das (Safaris damit vermutlich auch, da ja beide auf der KHTML-Engine basieren, konnte ich aber mangels Safari nicht testen).
cu,
Andreas
Hallo alle,
Danke für die Antworten. Schade, aber was will man machen. Mit dem IE 7 wird ja dann alles gut... hehe :-)
Gruß,
small-step
Hallo
Mit dem IE 7 wird ja dann alles gut... hehe :-)
Optimist. :-)
Zumal im IE-Blog zu lesen ist, dass der MSIE 7 CSS 2 unterstützen können soll. Von CSS 3 ist da (für dich leider) nicht die Rede.
Tschö, Auge
Hallo Auge,
Zumal im IE-Blog zu lesen ist, dass der MSIE 7 CSS 2 unterstützen können soll. Von CSS 3 ist da (für dich leider) nicht die Rede.
Ich hatte vernommen, dass er nichtmal CSS 2 zur Gänze beherrschen soll. Das kann ich mir bei einem M$-Produkt allerdings nicht vorstellen. Ein M$-Produkt das sich nicht an Standards hält? Noch dazu an eigene, bzw. an selbst angestoßene? NIEMALS! :-)
Gruß,
small-step