Frank: Bild wird nicht zusammen mit Text positioniert

SELF-Forum

Bild wird nicht zusammen mit Text positioniert

Frank
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bild wird nicht zusammen mit Text positioniert

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Bild wird nicht zusammen mit Text positioniert

      Frank
      – Informationen zu den Bewertungsregeln

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Bild wird nicht zusammen mit Text positioniert

        at
        – Informationen zu den Bewertungsregeln

        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

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln