Martin Frey: Bild zentrieren

Hallo,

wie kann ich ein Bild oder ein anderes Textelement, oder sogar eine Tabelle auf dem Bildschirm/Fenster zentrieren?

Egal ob ich die Fenstergröße ändere, es soll immer in der Mitte sein.

Danke im voraus und Grüße

Martin Frey

  1. Hallo,

    wie kann ich ein Bild oder ein anderes Textelement, oder sogar eine Tabelle auf dem Bildschirm/Fenster zentrieren?

    Egal ob ich die Fenstergröße ändere, es soll immer in der Mitte sein.

    Danke im voraus und Grüße

    Martin Frey

    Hallo!

    Das geht zum Beispiel so:

    <p align="center">

    <img  src="DEINBILD.jpg"

    </p>

    lg

    1. Hallo,

      <p align="center">

      <img  src="DEINBILD.jpg"

      </p>

      Ich würde es immer mit div und CSS machen! CSS dient der Gestaltung, html der Textauszeichnung, das Element ist daher zurecht veraltet! p würde ich nicht nehmen, weil Du Bilder eventuell nicht im Text haben willst. Erlaubt ist es aber m. E.!

      Vor allem aber sollte keine Leerzeile vor und nach dem img-Element stehen, da diese bekanntlich als Leerzeichen interpretiert wird. Selbst der Zeilenumbruch darf nicht stehen, wenn man das vermeiden will. Das img-Element sollte stets mit /> enden! Das war aber sicher nur ein Versehen.

      Heiner

      1. wunderschönen guten Hallo,

        wieso muss img mit /> enden ??? ich ging bis eben nur von > aus.

        mfg. YLT

        1. Hi,

          wieso muss img mit /> enden ??? ich ging bis eben nur von > aus.

          Für HTML: >
          Für XHTML: />

          cu,
          Andreas

          --
          Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
          http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  2. Hallo,

    Verwende einfach <div align="center"><img src="xxx" /></div>

    mfg mspi

    1. Hallo,

      Verwende einfach <div align="center"><img src="xxx" /></div>

      Nein, Du solltest es mit css machen, ist ja schließlich eine gestalterische Sache. Außerdem bei Bildern immer auch alt angeben:

      <div style="text-align:center;"><img src="bild.png" alt="Alternativtext" /></div>

      Im Archiv hättest Du übrigens Antworten gefunden.

      Grüße
      Heiner

  3. Hallo,

    wie kann ich ein Bild oder ein anderes Textelement, oder sogar eine Tabelle auf dem Bildschirm/Fenster zentrieren?

    Egal ob ich die Fenstergröße ändere, es soll immer in der Mitte sein.

    Danke im voraus und Grüße

    Martin Frey

    Sorry das hab ich vergessen zu erwähnen, ich hab auch gemeint vertikal zu Zentrieren.

    Grüße

    Martin

    1. Sorry das hab ich vergessen zu erwähnen, ich hab auch gemeint vertikal zu Zentrieren.

      <div style="vertical-align:center; width:80px;"><img src="grafik.png" alt="Alternativtext" /></div>

      Das geht nur, wenn Du mit width dem div noch eine Höhe zuweist, damit der Browser weiß, woran er sich orientieren soll.

      Heiner

  4. Hallo Martin,

    hier ein Beispiel:
    http://selfhtml.teamone.de/navigation/faq.htm#mittig_zentrierte_inhalte

    Gruß Groophty