Bilder und Icons unterschiedlich plazieren per CSS

[Der Martin]

Hallo,

Etliche Leute sollen Beiträge für eine interne Informationsseite schreiben. Die Texte kommen in Markdown daher (schon das ist problematisch genug, den Leuten beizubiegen ...).

Hugo wirft dann per entsprechenden Templates die fertigen HTML-Seiten raus.

wer ist Hugo? .oO(?)

Wie kann ich jetzt beispielsweise im CSS definieren, daß

• Bilder bis 64x64px eben icons sind und im Textfluss bleiben
• größere Bilder aber als Bilder, Fotos, Grafiken zu betrachten sind und in voller Größe mittig auf der Seite zu erscheinen haben?

An der Bildgröße kannst du dich nicht orientieren, die ist für CSS nicht zugänglich. Aber ein Icon für einen bestimmten Dateityp hat doch wahrscheinlich immer denselben Dateinamen. Da könntest du eventuell mit dem Attributselektor was anfangen:

img[src*="pdf"]
 { /* CSS-Regeln für ein PDF-Icon */
 }

Vielleicht kommst du damit ein Stück weiter ...

Live long and pros healthy,
 Martin