::after nach Bild

[Auge]

Hallo

Auch wenn mein Ansatz wegen der Vorgaben durch das CMS und den zeitlichen Abstand zur Frage hinfällig sein sollten …

Ich habe folgende HTML-Struktur gegeben (jsfiddle):

<div class="js-tools mo-tag-height-from-icon">

<img class="js-tools-icon-show-hide js-copy-me-page mo-tool-icon mo-icons-icon mo-icons-copy" src="clear.gif" alt="new_page" hspace="0" vspace="0">
<!-- noch mehr davon -->
</div>

> Ich möchte gerne neben den Icons auch eine Beschriftung hinzufügen (bearbeiten, löschen, kopieren).  
  
Das sieht verdächtig nach Buttons aus.  
  

> Mein erster Ansatz war `::after`{:.language-css}, aber das scheint nicht nach Bildern zu funktionieren (siehe [stackoverflow](http://stackoverflow.com/questions/5843035/does-before-not-work-on-img-tags)).  
  
Das Warum wurde ja schon erörtert.  
  

> Hat jemand eine zündende Idee/Hack, wie ich dennoch Textelemente einfügen kann?  
>   
> Hintergrund: Das HTML kommt aus dem Admin-Bereich eines CMS und ich wollte sehr ungerne im HTML/PHP rumpfuschen.  
  
Das wäre aber eine mögliche Lösung. Der Umbau auf beschriftete Buttons, die ein Bild als Hintergrund zugewiesen bekommen, würde die Benutzbarkeit heben und dein Problem lösen.  
  

> Das ginge als Notlösung, müsste ich dann aber bei jedem Update beachten (oder mich endlich mal mit git beschäftigen).  
  
Ja, unbestritten ist das ein nicht unerheblicher Aufwand. Speziell dann, wenn man das konsequent umsetzen will. Wo wir schon dabei sind, wenn das ein CMS ist, wird es doch wohl die Wahl zwischen verschiedenen Templates gewähren, oder? In dem Fall könntest du deine Änderungen – z.B. mit Git versioniert – in ein eigenens Template einpflegen.  
  
Sich mit Git – bzw. allgemein mit Versionierungssystemen – zu beschäftigen, ist im Übrigen grundsätzlich eine gute Idee. Deshalb gehört im geklammerten Teil das „oder“ durch das „und“ ersetzt.  
  
Tschö, Auge  

-- 
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.  
Terry Pratchett, "Wachen! Wachen!"  
  
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}  
  
[Veranstaltungsdatenbank Vdb 0.3](http://termindbase.auge8472.de/)