mel: Grafik horizontal/vertikal zentrieren

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

  1. 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

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

    Adolf

    1. @@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'

      --
      Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
      1. 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

        1. 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.

        2. @@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'

          --
          Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
          1. Hi Gunnar,

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

            Adolf

            1. @@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'

              --
              Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
              1. Hi Gunnar,

                ok, ich habe meine Beispielseite entfernt.

                Adolf

  3. Danke schön =)

    Ich werde eure Vorschläge Mal ausprobieren :)

    Gruß
    Mel

  4. @@mel:

    nuqneH

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

    Die Forums-FAQ kennst du schon?

    Qapla'

    --
    Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)