mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:44 Benutzername: Passwort: Auto-Login

Thema: [CSS] :after vom 22.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] :after
Autor Nachricht
-Bene-
Threadersteller

Dabei seit: 18.10.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Di 22.06.2010 15:24
Titel

[CSS] :after

Antworten mit Zitat Zum Seitenanfang

Hallo!
Hab hier ein Print-Stylesheet, bei dem für die Links das Pseudo-Element:after mit der Eigenschaft:content benutzt wird um die komplette URL des Links neben dem Verweis anzeigen zu lassen.
Code:
a[href]:after {
    content: " <"attr(href)">";
    color: #000;
}


Allerdings wird die komplette URL auch neben verlinkten Bildern angezeigt. Das möchte ich allerdings vermeiden.
Wie bekomm ich das hin, dass die Regel nur für Text-Links funktioniert?

Danke im Voraus! Lächel


Zuletzt bearbeitet von -Bene- am Di 22.06.2010 15:28, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Di 22.06.2010 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

du könntest es in der zeile darunter mit

"a[href]:after img" wieder negieren
  View user's profile Private Nachricht senden
Anzeige
Anzeige
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 22.06.2010 16:15
Titel

Re: [CSS] :after

Antworten mit Zitat Zum Seitenanfang

img ansprechen zu wollen, hat keinen Sinn, da a den per CSS generierten Inhalt hat - abgesehen davon, dass img so nicht angesprochen wird, da es kein Kind des Pseudoelementes :after ist.

Wenn es browserübergreifend funktionieren soll (IE < 8 fällt eh raus, da er :before/:after nicht kennt), musst Du es per Klasse für die img-Links lösen.

Ggf. kannst Du aber auch tricksen, falls sich die img-Links z.B. anhand der Werte ihres href-Attributes selektieren lassen - z.B. bei Thumbsnails wäre dies i.d.R. schonmal kein Problem.

Es gibt noch viele weitere Möglichkeiten, die allerdings nicht alle eine imho ausreichende Browserunterstüzung haben (wie auch das eben genannte Beispiel), und unabhängig davon auch nicht unbedingt bei Dir anwendbar sein müssen - das kannst Du aber selber herausfinden, z.B. auf http://jendryschik.de/wsdev/einfuehrung/css/selektoren


Zuletzt bearbeitet von heiko_rs am Di 22.06.2010 16:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
-Bene-
Threadersteller

Dabei seit: 18.10.2007
Ort: -
Alter: 38
Geschlecht: Männlich
Verfasst Di 22.06.2010 16:58
Titel

Re: [CSS] :after

Antworten mit Zitat Zum Seitenanfang

heiko_rs hat geschrieben:
Ggf. kannst Du aber auch tricksen, falls sich die img-Links z.B. anhand der Werte ihres href-Attributes selektieren lassen - z.B. bei Thumbsnails wäre dies i.d.R. schonmal kein Problem.

Jo, danke das war der entscheidende Hinweis. *zwinker*
So hat es jetzt geklappt:

Code:
a[href]:not([href^='/blubb']):after {


So werden alle Bilder im blubb Ordner von der Regel ausgeschlossen. *Thumbs up!*


Zuletzt bearbeitet von -Bene- am Di 22.06.2010 16:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.