Pictogramme mit HTML/css erstellen?

[loddarmattheus]

Hallo Leute,
in letzter Zeit fallen mir immer wieder mal kleine Gimmicks auf, die manche Händler bei ihrer Produktpräsentation verwenden. So heute wieder mal bei Amazon. Ich weiß, dass man bei diesen Bullet-Points nur HTML bzw. CSS verwenden darf. Wie bekommen die Anbieter diese schicken grünen Haken dorthin?



Jemand eine Idee?

 

[Sprint]

Das geht ganz einfach mit dem CSS Selektor before::. Schau dir mal diese Seite an: CSS ::before Selector

 

[loddarmattheus]

Sorry hab nochmal nachgehakt - CSS darf auch nicht eingebunden werden. Wie machen die das ohne CSS?

 

[Sempervivum]

Möglicher Weise eine SVG-Grafik im Text. Benutze den HTML-Inspektor um es zu untersuchen.

 

[basti1012]

Ist wahrscheinlich der gleiche Mist wie bei E-bay, das hatten wir schon öffters.
Einige Leute wissen das bestimmt auch noch.
Wahrscheinlich kannst du das mit inline style machen.

<li style="list-style:none"><a style="text-decoration:none;background:green;padding:3px;color:white;margin-right:10px" href="#">&#128504;</a>Bla</li>

Oder mit unicode

<li><a href="#">✅</a>Bla</li>

 

[MrMurphy]

Bei Amazon wurde für den "grünen" Haken das Zeichen

✅

in den Quelltext eingefügt. Also komplett ohne CSS.