Grafik horizontal/vertikal zentrieren

[mel]

Hallo,

kann mir vll jemand sagen wie man eine Grafik horizontal sowie vertikal zentriert? Habe hier und auf anderen Seiten schon gesucht, aber nichts gefunden.

Es ist nur ein Bild in der Größe 470*481 px.

Wär super, wenn mir jemand helfen könnte!!!

Gruß
Mel

[thecreep]

Du könntest es auf 2 Arten lösen,

die eine Variante wäre CSS:

<http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Positionierung (CSS)>

die andere Variante wäre einen Javascript zu schreiben:

  
var img = document.getElementById("imgid");  
img.style.left = ...;  
img.style.top = ...;  

Wo bei das Javascript eigentlich auch dann nur die CSS-Eigenschaften verändert, allerdings ist das ganze dynamischer, da du nich wissen musst wie groß das Bild ist und der Browser alleine alles ausrechnet ;D

[Adolf]

Hi,
ein Beispiel, das etwas angepasst werden muß, findest Du hier.

Adolf

[Gunnar Bittersmann]

@@Adolf:

nuqneH

ein Beispiel, das etwas angepasst werden muß, findest Du hier.

Mit einem zusätzlichen Element div[@id="spacer"]?? Nein danke, das muss ja nun wirklich nicht sein.

BTW, Hier klicken ist kein Link-Text.

Qapla'

[Adolf]

Hi Gunnar,

Mit einem zusätzlichen Element div[@id="spacer"]?? Nein danke, das muss ja nun wirklich nicht sein.

Was stört dich daran bzw. was ist an anderen Lösungen (Krücken) besser?

BTW, Hier klicken ist kein Link-Text.

ja ich weiss und gelobe Besserung.

Adolf

[Texter mit x]

was ist an anderen Lösungen (Krücken) besser?

Möglicherweise nichts. Aber andere Lösungen, ohne Krücke in Klammern, kommen ohne sinnloses div und ähnliches aus.

[Gunnar Bittersmann]

@@Adolf:

nuqneH

Mit einem zusätzlichen Element div[@id="spacer"]?? Nein danke, das muss ja nun wirklich nicht sein.

Was stört dich daran

Dass etwas ins Markup eingefügt wurde, was dort nichts zu suchen hat.

bzw. was ist an anderen Lösungen (Krücken) besser?

Dass nichts ins Markup eingefügt wurde, was dort nichts zu suchen hat.

Qapla'

[Adolf]

Hi Gunnar,

ich habe das Markup repariert und ein neues Beispiel hochgeladen (neues Linkziel).

Adolf

[Gunnar Bittersmann]

@@Adolf:

nuqneH

ich habe das Markup repariert

Nichts hast du. Du hast 'div[@id="spacer"]' durch 'h1' (die nicht angezeigt wird) ersetzt. Eins ist so unsinnig wie das andere.

Qapla'

[Adolf]

Hi Gunnar,

ok, ich habe meine Beispielseite entfernt.

Adolf

[mel]

Danke schön =)

Ich werde eure Vorschläge Mal ausprobieren :)

Gruß
Mel

[Gunnar Bittersmann]

@@mel:

nuqneH

kann mir vll jemand sagen wie man eine Grafik horizontal sowie vertikal zentriert?

Die Forums-FAQ kennst du schon?

Qapla'