Bilder in HTML Webseite hochkant einbinden?

...komplette Frage anzeigen

2 Antworten

Wie binde ich das horizontal ein?

Bilder und Grafiken sollten grundsätzlich immer fürs Web-optimiert im gewünschten Ausgabeformat gespeichert werden. Also öffne das Bild mit einem Bildbearbeitungsprogramm deiner Wahl (z.B. GIMP), passe es dort an und binde anschließend die angepasste Version in deine Website ein.

Falls das Drehen des Bildes irgendwie fürs Layout relevant ist, sprich das Speichern im gewünschten Ausgabeformat nicht in Frage kommt oder ausreicht, auch mit der CSS3 Eigenschaft transform tricksen kannst. Im CSS lediglich das gewünschte Bild selektieren und über transform beliebig ausrichten. 

img {transform: rotate(90deg);}

Wenn das Bild in gegengesetzte Richtung gedreht werden soll, lediglich einen negativen Wert vergeben musst.

img {transform: rotate(-90deg);}

LG medmonk

Kannst du das Bild in Paint nicht einfach umdrehen?

Was möchtest Du wissen?