Thea: zentrieren

Hallo,
wenn ich mit CSS arbeite, habe ich öfter mal das Problem, dass ich z.B. Grafiken nicht ohne weiteres mittig ausrichten kann. Wenn ich das Bild in einen Absatz stelle, dann geht das, aber gibt es einen direkten Weg über CSS, z.B. ein Bild zu zentrieren?

Thea

  1. wenn ich mit CSS arbeite, habe ich öfter mal das Problem, dass ich z.B. Grafiken nicht ohne weiteres mittig ausrichten kann. Wenn ich das Bild in einen Absatz stelle, dann geht das, aber gibt es einen direkten Weg über CSS, z.B. ein Bild zu zentrieren?

    Was meinst du mit "mittig" und "zentrieren"? Mittig zu was?

    1. Angenommen wird haben folgenden Code:

      <body style="margin:0;">
      <img src="bild.jpg" width="560" height="491" style="border:none">
      </body>

      Und das Bild will ich jetzt zentrieren.

      1. Angenommen wird haben folgenden Code:

        <body style="margin:0;">
        <img src="bild.jpg" width="560" height="491" style="border:none">
        </body>

        Und das Bild will ich jetzt zentrieren.

        <body style="text-align: center; margin: 0px;">

        Allerdings wird dann alles innerhalb des <body> zentriert solange Du nicht für jedes Element explizit eine andere Ausrichtung angibst.

        Besser ist es also vielleicht so:

        <body style="margin: 0px;">

        <div style="text-align: center; margin: 0px;">
        <img src="bild.jpg" width="280" height="200" alt="" border="0">
        </div>

        <p>TESTTEXT</p>

        Alternativ zu <div> kannst Du auch <p> nehmen. Indem Du das Bild in einen solches Blockelement reinstellst wird die Styleangabe nur innerhalb dieses Blocks auch angewandt.

        Gruss AndreD

  2. Hallo,

    Nichts leichter als das:

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

    Heiner