Bild in die Mitte einer Seite setzen

[Roman]

Hallo zusammen,

ich würde gerne auf meiner Webseite ein Bild sowohl vertikal, als auch horizontal zentrieren.
Ich habs chon diverse Codes aus dem Web aufgegabelt und irgendwie funktioniert keiner. Das meiste was ich bisjetzt errreichen konnte ist, dass das Bild zwar horizontal gerichtet war, aber auf sich der Seite oben befindet.

Mit diesem Code

<div align="center"><img src="bild.jpg"></div>

bekomme ich das Bild immerhin noch horizontal in die Mitte, aber vertikal klappts einfach nicht! Das bringt mich langsam zur Verzweiflung.

Wie mache ich das? Bin in Sachen HTML Programmierung ein Anfänger mit fast überhaupt keiner Erfahrung.

 

[dasch]

mit valign kannst du ein bild auch vertikal ausrichten ;)

 

[threadi]

HTML Programmierung

HTML ist keine Programmiersprache, folglich programmiert man da auch nichts.

Was Du willst wäre über CSS recht einfach lösbar. Wurde hier im Forum schon öfter genannt, schau dich mal nach vertikal zentrieren um.

 

[Roman]

Ahja, übrigens, das mit valign habe ich auch schon probiert. Auch das klappte nicht. Ab dem Punkt hab ich echt garnichts kapiert.
ich hab auch das hier benutzt: align="center" valign="middle"
Und das klappte nicht.

@threadi: Etwas über CSS hab ich schon gehört, danke für den Hinweis Werde mal danach suchen.

 

[Witschi262]

Wie threadi schon sagte, hier im Forum findest du, wie man mit CSS das ganze zentriert.HTML ist keine Programmiersprache, mit dieser macht man nur den Inhalt.

 

[XraYSoLo]

[...] mit dieser macht man nur den Inhalt.

auch nicht ganz richtig, man definiert die struktur ;-).

Nils aka XraYSoLo

 

[Roman]

So ich glaub ich hab da was passendes gefunden. Es ist nämlich dieser Thread hier: http://www.html.de/html-und-xhtml/28761-bild-horizontal-und-vertikal-zentrieren.html

Da wurden ja zwei Codes präsentiert:


HTML

<div id="box">
<img src="deinbild.jpg" width="XXX" height="XXX" alt="deine bildbeschreibung" />
</div>

und CSS:

div#box{
display:table-cell;
text-align:center;
vertical-align:middle;
height:xxx;
width:xxx;
}

img{
deine formatierung
rahmen, etc...
hat nichts mim zentrieren zu tun
}

Ja und weiter? Soll ich nun diese beiden Codes irgendwie zusammenfügen, oder was soll ich mit denen machen?
Dieser CSS Code kommt mir sowas von unnütz vor. Ich mein wo ist denn da in diesem CSS Code die Sourceangabe (src)???

Mit <div id="box">
<img src="deinbild.jpg" width="XXX" height="XXX" alt="deine bildbeschreibung" />
</div>

krieg ich ein Bild immerhin noch in die horizontale Mitte der Seite, aber vertikal klappts einfach nicht.
Ich kapier einfach nicht was ich damit machen soll:?