Eddie: Vertikale Ausrichtung

Hallo allerseits,
koennt Ihr CSS-Cracks mir sagen, wie ich Elemente nebeneinander anordnen kann?

<img .... style="vertical-align:text-top;">
<p ... style="vertical-align:top;">
blabla
</p>

... geht bei mir nicht.

Eddie

  1. Hallo Eddie,

    koennt Ihr CSS-Cracks mir sagen, wie ich Elemente nebeneinander anordnen kann?

    <img .... style="vertical-align:text-top; float: left;">
    <p ... style="vertical-align:top;">
    blabla
    </p>

    Wenn Du kein Umfliessen willst, dann noch folgendes:

    <img .... style="vertical-align:text-top; float: left;">
    <p ... style="vertical-align:top; margin-left: YYYpx;">
    blabla
    </p>

    wobei YYY irgendein Wert ist, der etwas größer ist, als die Breite des Bildes.

    Viele Grüße,
    Christian

    --
    Ich bin ein Bandbreitenverschwender. Meine Signatur tut mir leid. Ehrlich!
    1. Hallo,

      <img .... style="vertical-align:text-top; float: left;">
      <p ... style="vertical-align:top;">
      blabla
      </p>

      Wozu sind die vertical-align-Eigenschaften nötig bzw. was bewirken sie bzw. was sollten sie bewirken bzw. warum können sie dort angewendet werden bzw. welcher Browser mag sie bzw. braucht sie? ...

      Grüße,
      Mathias

      1. Hi Mathias :-)
        sitze gerade an der Ueberarbeitung meiner Reísebericht-Liste.
        Und ich habe keine Ahnung, wie ich nur mit CSS das Ganze so hinkriegen soll, wie's bis jetzt ist....
        Immerhin, ohne vertical-align passiert wenigstens ein bisschen was, trotzdem haut es nicht hin.
        Wie bekomme ich es also so hin, dass das erste Bild, der <p>-Bereich und das zweite Bild (im Link) alle von links nach rechts GANZ OBEN angeordnet sind?
        Und so solls eigentlich aussehen: www.umdiewelt.de (ja, ich weiss, der Link ist nicht anklickbar)
        Danke Euch, Eddie

        <div class="travelogueList_Element0">
         <img src"=gnarf.gif" alt="bla" style="vertical-align:text-top; float:left;">
         <p style="vertical-align:top;">
          <A href="link" class="travelogueListTitle">
           <h2>Südostasien, nur wohin?</h2>
          </A>
          Beschreibungstext
         </p>

        <a href="link">
          <img src="thumb.jpg" alt="so siehts aus" class="travelogueList_Thumb">
         </a>

        <p class="travelogueListLabel">
          <a href="./travelogue.php?l=de&m=p&t=46&c=0">
           Katar
          </a> | Februar / März 2003 | Dauer: 6 Wochen
         </p>
        </div>

  2. Hallo,

    du schriebst:

    koennt Ihr CSS-Cracks mir sagen, wie ich Elemente nebeneinander anordnen kann?

    <img .... style="vertical-align:text-top;">
    <p ... style="vertical-align:top;">
    blabla
    </p>

    <p><img /> blabla</p>

    Gruß,

    MI

    --
    : Michael Jendryschik : michael@jendryschik.de  :  http://jendryschik.de/ :
    : Einführung in XHTML, CSS und Webdesign  :  http://jendryschik.de/wsdev/ :
    : Die Domain  http://best-of-netdigest.de  steht bei sedo.de zum Verkauf. :
    : http://www.sedo.de/search/showdetails.php3?keyword=best-of-netdigest.de :