Wie lautet der css-code, um ein Bild zu zentrieren?
-
-
align=center ist veraltet, nutze CSS
-
-
Am einfachsten würde das folgendermaßen gehen:
Code<div class="container"> <img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Eis.jpg" alt="" class="bild"/> </div>
mit Display und Margin kannst du das einfach und passend positionieren.
Ich habe dir hier mal eine kurze Demo entworfen:
http://jsfiddle.net/59vnv993/Hoffe konnte dir ein Stückweit weiterhelfen.
LG
-
Die Frage die sich mir hier aufdrängt ist, wie ich ein Bild mittig platziere und den Text drum herum fließen lasse. Gibt es dafür vielleicht auch ein Beispiel?
-
ich kenne nur veraltete Methoden, die funktioniren. Geht heute bestimmt besser.
-
Die Frage die sich mir hier aufdrängt ist, wie ich ein Bild mittig platziere und den Text drum herum fließen lasse. Gibt es dafür vielleicht auch ein Beispiel?
Das solte man mit float machen
-
Hallo
Zitatwie ich ein Bild mittig platziere und den Text drum herum fließen lasse
Das ist nicht vorgesehen zumal es der Darstellung in Browsern widerspricht. Es geht also nur mit Tricks, allerdings nicht im Responsive Design.
Gruss
MrMurphy
-
https://basti1012.bplaced.net/…rdner=html-seminar&id=318
oder mit shapes könnte man auch noch etwas nach helfen.
Ist zwar nicht komplett runter rum aber zumindest etwas
-
Kann man das so ergänzen das man um das ganze Bild herrum schreibt?
-
Nein, wie MrMurphy schon schrieb, geht das nur eingeschränkt und mit Tricks und ist nicht zu empfehlen:
https://css-tricks.com/float-center/
Nimmt man Javascript zu Hilfe, kann man das Bild auch einiger Maßen vertikal zentrieren, aber ebenfalls eher nicht zu empfehlen:
-
Ich habe auch mal etwas rumgespielt
* Link entfernt , weil existiert nicht mehr *
-
Ich habe auch mal etwas rum gespielt https://codepen.io/basti1012/pen/RMpJjZ
Und was soll passiert sein?
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!