Mit welchem Befehl kann man ein Bild bei html mittig positionieren?
Hi,
Mit welchem Befehl kann man ein Bild bei html mittig positionieren?
Habe im Moment diesen Quellcode:
Für schnelle Antworten wäre ich dankbar.
Danke im voraus.
7 Antworten
div style="center"
Kannst du mir vielleicht den richtigen, vollständigen Quellcode zukommen lassen?
Das geht auch nicht da text-align:center sich den Text im Div zentriert und nicht das Div selbst. Um das Div zu zentrieren:
style="margin:0 auto"
< div align="center">
uff, das ist sehr veraltet und wird in neueren browsern irgendwann mal nicht mehr funktionieren und wenn es xhtml ist ist das dokument invalid. besser mit (css-) "style".
hehe, da hat immer noch jemand hoffnung das xhtml sich durchsetzten wird ;).... ist zwar wirklich veraltet wird aber noch in 20 jahren funktionieren... meiner meinung nach sollte man so wenig wie möglich Code schreiben. nur weil etwas css ist bedeuted das nicht das es schneller gelesen wird....
daher sind diese einfachen tags immer noch goldwert....
< img src="img/baustelle.jpg" div style="center"" width="600" height="200" alt="Baustelle" />
Was soll das div im image-Tag? Ein Bild verhält sich normal, als ob es Schrift wäre, es ist ein Inline-Element. Man kann es also nur in einem anderen Element zentrieren
<p style="text-align:center"><img src="img/baustelle.jpg" width="600" height="200" alt="Baustelle" /></p>
Oder man muss das Bild zum Blockelement machen und es mit margin zentrieren
<img style="display:block; margin:0 auto" src="img/baustelle.jpg" width="600" height="200" alt="Baustelle" />
ja leider sieht man keinen quellcode, denn sobald was in klammern steht, wird es hier in der anzeige ausgespart.
also am besten das DIV oder P indem es steht mittig ausrichten, z.b. in den DIV-Tag eben style="text-align:center" hinzufügen. das ist zwar nicht die feinste art, wirkt aber. besser wäre es, das in ein css-sheet auszulagern.
oder meintest du mit mittig VERTIKAL mittig? dann setzt du in den IMG-Tag eben style="vertical-align:middle" hinzu oder probierst statt middle mit "px", mit positiven ggf. aber auch mit negativen werten (z.b. style="vertical-align:-3px")
Bei einem div funktionier weder dein text-align noch dein vertikal align.
Bei einem DIV funktioniert kein text-align? Klar doch. Und das vertical-align steht bei mir im IMG, nicht im DIV. Aber innerhalb des IMG hast du keinen text-align logischerweise.
Ausserdem sind das nicht meine Sachen sondern es nennt sich CSS.
Also wenn dein Bild wirklich in einem div steckt (was natürlich total falsch ist) dann gibst du ihm eine class z.B. class=bild.
Bitte beachte das das div eine breite haben muss da divs immer den gesamten zur Verfügung stehenden Platz einnehmen
In dein CSS schreibst du dann .bild {margin: 0 auto;}
Fertig das wars dann schon.
Sollte dein bild mit p ausgezeichnet sein (was natürlich richtig ist) dann gibst du dem p die class.
In dein CSS schreibst du dann .bild {text-align:center}
Fertig das wars schon.
da fehlt noch wofür das center gelten soll... style="text-align: center;"