SVG skalieren und Größe mit CSS anpassen

[Matthias Scharwies]

Olá!

Möchte eigentlich nicht unbedingt mit Unicode weiter machen. Habe ganz bewusst mich für svg Bilder entschieden damit die Site lebhafter werden und auch mehr Übersicht bieten sollen. Da das gesamte Projekt eigentlich nur eine Liste ist sollen die svg`s dieses jetzt auflockern. Bislang hat das jeweilige Kapitel einen blauen Ball vorangestellt bekommen, jetzt sollen es Logos bzw. Wappen sein die den jeweiligen Text symbolisieren.

Das geht: https://wiki.selfhtml.org/wiki/HTML/Tutorials/Listen/Gestaltung_mit_CSS#SVG_als_Pseudoelement

Du musst den SVG aber die gewünschte Größe als width- und height-Attribut mitgeben. Also alles von Wikimedia runterladen und dann maso menos width="36px" height="24px" in das svg-Element kopieren.

Muss mich damit wohl mit dieser Vorstellung von der klassischen HTML Liste verabschieden.

Nein, alles gut!

Muitas saudações!

Matthias Scharwies