Ergebnis 1 bis 5 von 5

Thema: before

  1. #1
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    before

    Beispielszenario:
    Man möchte eine Page mit einem weitläufigen Thema zu "was-weiß-ich" machen.
    Da erscheinen dann des öfteren News oder Erklärungen.
    Die möchte man besonders hervorheben/kennzeichnen.
    Jetzt könnte man natürlich manuell jedesmal ein "Wichtig" davor setzen.
    Doch es geht auch anders.
    Man hat ja seine Informationen normalerweise in einem Absatz stehen.
    Nun hat man in seiner CSS das normale p z.B. so deklariert:
    Code:
    p
    {
    font-family:Courier, "Courier New", Monospace;
    font-size:90%;
    font-weight:500;
    color:#000;
    display:inline;
    }
    Darunter fügt man noch hinzu:
    Code:
    p:before
    {
    font-family:Courier, "Courier New", Monospace;
    font-size:90%;
    font-weight:700;
    color:#000;
    display:inline;
    content:"Wichtig: ";
    }
    Und schon steht immer vor der eigentlichen Aussage das Wort "Wichtig" mit größerem Font-Weight!
    Wenn man das nun mit Klassen (class="wichtig"/p.wichtig) kombiniert,
    kann man sich Schreibarbeit ersparen und muß nicht ständig sein Erinnerungsvermögen strapazieren.

    Dazu sei aber (leider) erwähnt:
    IE spielt da nicht mit, alle anderen (Mozilla1.8A1, Firefox0.8, Opera7.23, Netscape7.0)schon...
    ...man kann nur hoffen, dass in der Version 7 dieses dann auch möglich ist.

  2. #2
    Avatar von stormwind
    stormwind ist offline Routinier
    registriert
    12-04-2006
    Beiträge
    495

    AW: before

    ich glaube das gleiche gibbet auch mit :after, also
    p:after
    und es hat nix mit dem menschlichen hinterteil zu tun....
    dann wird der text dahinter zugefügt. es lassen sich natürlich auch beide sachen kombinieren...

  3. #3
    Avatar von jeko
    jeko ist offline Foren-Gott
    registriert
    03-06-2004
    Ort
    [CH]Vor meinem PC[/CH]
    Beiträge
    3.069

    AW: before

    Zitat Zitat von dkdenz
    Dazu sei aber (leider) erwähnt:
    IE spielt da nicht mit, alle anderen (Mozilla1.8A1, Firefox0.8, Opera7.23, Netscape7.0)schon...
    ...man kann nur hoffen, dass in der Version 7 dieses dann auch möglich ist.
    Um die Selektoren before und after auch im IE hinzukriegen, kann man den Hack von Dean Edwards nehmen.
    [ URL ] http://dean.edwards.name/IE7/overview/
    Zu beachten ist, dass der Hack in Javascript geschrieben wurde, das heisst bei deaktiviertem Javascript zeigt er auch keine Wirkung.
    Arbeit an der Sprache ist Arbeit am Gedanken.
    NoPaste / Format / Analyze / Crypt
    Ich bin ein Schwätzer.

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: before

    No Hacks Please

  5. #5
    Avatar von jeko
    jeko ist offline Foren-Gott
    registriert
    03-06-2004
    Ort
    [CH]Vor meinem PC[/CH]
    Beiträge
    3.069

    AW: before

    Nur eine schlichte Initiative für minder bemittelte Schlaf...äh... Brausetabletten.
    Arbeit an der Sprache ist Arbeit am Gedanken.
    NoPaste / Format / Analyze / Crypt
    Ich bin ein Schwätzer.

Lesezeichen

Berechtigungen

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