Ergebnis 1 bis 8 von 8

Thema: CSS :before Selektor

  1. #1
    Thonixx
    Gast

    Standard CSS :before Selektor

    Hallo Leute

    An die CSS-Fortgeschrittenen:

    Ich habe derzeit den Selektor (so glaub ich heisst das ja korrekt) :before auf dem a-Tag angewendet.

    So:
    HTML-Code:
    a:before { content: 'test'; }
    Nun möchte ich aber hinzufügen, dass ich dieses a:before nur dann anwenden möchte, wenn es ein Textlink ist.
    Mein Problem ist, dass das natürlich auch bei einem verlinkten Bild kommt und das sieht sch***** aus.

    Ich habe an sowas gedacht, dass ich irgendwie > verwende.
    Ich müsste CSS ja bloss sagen, dass ich, wenn im A-Tag ein img-Tag vorhanden ist, kein content kommt.
    Nur wie müsste ich das schreiben?

    Hab schon gegoogelt, gesucht und so weiter, aber nichts gefunden, was genau zutrifft.

    Danke für eure Hilfe.

    MFG ffx5
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS :before Selektor

    ei vergib dem link ne klasse...
    HTML-Code:
    <a href="#" class="textlink">blubb</a>
    und beim css:
    Code:
    a.textlink:before { content: 'test'; }
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Thonixx
    Gast

    Standard AW: CSS :before Selektor

    Ich hab so meine Gründe, warum ich das anders machen möchte.
    Es soll für ein CMS Design sein und der User hat keine Ahnung von Klassen und ID's.

    Ich weiss, es gibt ne Lösung, hatte das schon mal gesehen.
    Aber leider finde ich die gottverd***** Seite im Web nicht mehr.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS :before Selektor

    kann dir da net folgen...
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Kämpfer
    Gast

    Standard AW: CSS :before Selektor

    Bist du dir sicher dass du da schon mal was anderes gesehen hast, es gibt nämlich eigentlich nichts derartiges in Css.

  6. #6
    Thonixx
    Gast

    Standard AW: CSS :before Selektor

    Bin mir eigentlich schon sicher.

    Es gibt ja solche Zeichen: >, +, [*], und so weiter.

    Kann man nicht irgenwas, wie: a:before > img oder sowas?

  7. #7
    Meister(in)
    Registriert seit
    10.01.2008
    Ort
    Passau/Ösiland
    Beiträge
    267
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS :before Selektor

    Hi,

    also ich hab das ohne Probleme hingekriegt.

    In einem container hab ich ne verlinkte h3-Überschrift und in der Zeile darunter ein verlinktes Bild:
    HTML-Code:
    <h3><a href="http://beispiel.de/">Textlink</a></h3>
    <p><a href="beispiel.de/"><img src="grafik.png" width="300" height="225" /></a></p>
    Formatiert hab ich dann so:
    HTML-Code:
    h3 a:before  {
        content:"Ein Text davor ";
        font-style:italic;
        color:red;
    }
    Das betrifft alle a's die nach einer h3 kommen.

    Wenn du lauter p's hast, dann wickel den Link noch in ein span z.B.
    HTML-Code:
    [HTML]
    <p><span><a href="http://beispiel.de/">Textlink</a></span></p>
    <p><a href="beispiel.de/"><img src="grafik.png" width="300" height="225" /></a></p>
    [/HTML]

    Dann müßtest du so formatieren:
    HTML-Code:
      p span a:before  {
        content:"Ein Text davor ";
        font-style:italic;
        color:red;
    }

  8. #8
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS :before Selektor

    Die erweiterten selectoren aus CSS3 könnten dir da weiterhelfen. Allerdings sind die noch nicht überall möglich.

Ähnliche Themen

  1. just4info: IE interpretiert CSS-Selektor-Kombies falsch
    Von Torty im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.11.2007, 12:26

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •