Ausrichtung von fotos

[Linuchs]

Du hast dein Problem bereits gelöst.

Es geht aber auch ohne Grafik-Programm. Da du vermutlich die Bilder in der HTML-Datei einzeln benennst, kannst du ihnen auch einzeln eine Klasse mitgeben zum Drehen:

.rotate_links {
  transform: rotate(-90deg); // 90° gegen Uhrzeigersinn
}
.rotate_rechts {
  transform: rotate(90deg);  // 90° im Uhrzeigersinn
}

<img src="papa.jpg" />      // Bild nicht gedreht
<img src="mama.jpg" class="rotate_links" />
<img src="hund.jpg" class="rotate_rechts" />

Die Bilder (und andere HTML-Elemente) verschaffen sich Platz im ursprünglichen Format und drehen dann um den Mittelpunkt. Man kann aber auch den Platz vorgeben, z.B. durch einen umgebenden Container, die Bilder darin verschieben und um einen Eckpunkt drehen.

Hört sich kompliziert an, ist aber Routine und benötigt (für neue Bilder) keine vorherige Grafik-Bearbeitung.

Für Tabellen-Köpfe gut zu gebrauchen, die Schrift senkrecht zu stellen, um horizontal Platz zu sparen.

Linuchs