Frank: Bild wird nicht zusammen mit Text positioniert

Hallo,

ich habe folgendes (sicher leicht zu lösendes :-) Problem:

Quelltext:
    <div style="text-align: center; width: 100%; border: 2px solid black;">
      <a href="startseite.html" target="Daten"><img src="grafiken/himlogo.gif" class="textfloatleft" style="border: 0px;"></a>
      <p style="font-size: small; padding-top: 30px; line-height: 30px; text-align: center; vertical-align: middle;">
        <a href="news.html" target="Daten" style="padding-left: 8px; padding-right: 8px" id="item1">News</a>
        <a href="termine.html" target="Daten" style="padding-left: 8px; padding-right: 8px" id="item1">Termine</a>
        <a href="clubabend.html" target="Daten" style="padding-left: 15px; padding-right: 16px" id="item3">Clubabend</a>
        <a href="taenze.html" target="Daten" style="padding-left: 12px; padding-right: 13px" id="item4">T&auml;nze</a>
        <a href="fotos.html" target="Daten" style="padding-left: 12px; padding-right: 13px" id="item5">Fotoalbum</a>
        <a href="gbuch.html" target="Daten" style="padding-left: 12px; padding-right: 13px" id="item6">G&auml;stebuch</a>
        <a href="links.html" target="Daten" style="padding-left: 12px; padding-right: 13px" id="item7">Links</a>
        <a href="http://www.disclaimer.de/disclaimer.htm?farbe=FFFFFF/000000/000000/000000" target="Daten" style="padding-left: 12px; padding-right: 13px" id="item7">Disclaimer</a>
      </p>
    </div>

Ich möchte erreichen, daß der gesamte Block, bestehend aus Image und Text mittig angezeigt wird. Leider wird nur der Text mittig angezeigt. Das Bild klebt immer am linken Rand.

Gruß
Frank

  1. hi,

    Leider wird nur der Text mittig angezeigt. Das Bild klebt immer am linken Rand.

    Hängt das vielleicht mit class="textfloatleft" zusammen?

    (Btw: Warum enthalten deine Klassennamen Informationen über die derzeit gewünschte Darstellung?)

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hängt das vielleicht mit class="textfloatleft" zusammen?

      textfloatleft ist so definiert:

      img.textfloatleft {
        float: left;
        margin: 5px;
      }

      Ok. Daran scheints zu hängen. Wenn ich das aber weglasse, wird der Text unter dem Bild angezeigt. Ich möchte ihn aber rechts neben dem Bild haben und zwar vertikal mittig.

      (Btw: Warum enthalten deine Klassennamen Informationen über die derzeit gewünschte Darstellung?)

      Warum nicht? :-)

      Gruß
      Frank

      1. Hallo.

        (Btw: Warum enthalten deine Klassennamen Informationen über die derzeit gewünschte Darstellung?)

        Warum nicht? :-)

        Weil es entweder einen gewissen Aufwand darstellt, die Namen in den einzelnen HTML-Dokumenten zu ändern, wenn man das visuelle Erscheinungsbild ändert, oder die Namen dann etwas völlig anderes aussagen als erwünscht.
        MfG, at