+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Pseudoklasse:before verlinken webkit

  1. #1
    Benutzer
    Registriert seit
    03.02.2008
    Beiträge
    33

    Frage Pseudoklasse:before verlinken webkit

    Hallo miteinander,
    ich habe ein Problem, mit der Verlinkung von Icons über Pseudoklassen in Webkit Browsern (Safari, Chrome).

    Wenn ich das Attribut :before (auch :after) auf einen Link anwende um ein Icon vor dem Linik darzustellen, so wird das Icon nicht verlinkt. In FireFox, Opera ist das kein Problem,...

    HTML-Code:
    <div class="teasernav"><a class="prev" href="#"><span class="ym-hideme">zurück</span></a>1/2<a class="next" href="#"><span class="ym-hideme">zurück</span></a></div>
    Code:
    /*Links mit Symbolen*/
    	a.prev:before, a.next:after {
    		font-family: 'IcoMoonRegular';
    		font-size:150%;
    		vertical-align: -4px;
    	}
    	
    	a.prev:before {
    		content: 'O';
    	}
    	
    	a.next:after {
    		content: 'L';
    	}
    Woran könnte das liegen? Braucht webkit vielleicht noch eine andere Eigenschaft dazu?

    Vielen Dank,
    Anderl

  2. #2
    YAML Developer Avatar von djesse
    Registriert seit
    22.11.2005
    Beiträge
    2.947
    @anderl,

    Schau Dir doch bitte das CSS der Custom-Buttons des Formular-Moduls in YAML 4 an, der sollte Deine Frage beantworten:
    http://www.yaml.de/docs/index.html#yaml-forms

    Gruß
    Dirk
    Keine Supportanfragen per PN, Fragen bitte nur im Forum stellen!
    • "Yet Another Multicolumn Layout" ist ein modulares CSS Framework zur Erstellung wirklich flexibler, zugänglicher und responsiver Websites.
    • "Thinkin' Tags" Rapid Prototyping on a production-ready code basis with YAML 4
    • "YAML Builder" A tool for visual layout development of YAML based CSS layouts.
    • "YAML Debug" an assistive code diagnostic tool for web developers.

  3. #3
    Neuer Benutzer
    Registriert seit
    19.01.2009
    Beiträge
    9
    Wahrscheinlich hast du die Anweisung: display: inline-block nicht drin?!? Wie Master Dirk Jesse schon meint, schau dir einfach das CSS bei Yaml 4 an und schau, dass du die selben CSS Stile hast. Ansonsten kann man schlecht raten was dir fehlt, ohne es gesehen zu haben!

+ Antworten

Stichworte

Lesezeichen

Berechtigungen

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