Rolf Rost: 3 Grafiken in einem Abschnitt...

Hallo Forumsgemeinde,

hab 3 Grafiken in einem Abschnitt:

<p>
<img width=100 height=75>
<img width=400 height=300>
<img width=100 height=75>
<p>

die liegen schön nebeneinander, jedoch die kleinen rechts und links liegen unten bündig. Nun, ich möchte, dass die alle oben bündig liegen, geht das überhaupt?

Gruss, Rolf

  1. Hallo!

    Hiermit vielleicht: http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align ?

    Gruß

    Matthias

    --
    ss:| zu:| ls:[ fo:| de:] va:) ch:? sh:) n4:( rl:( br:> js:| ie:% fl:) mo:}
    http://www.makaio.de/quotations
  2. Tach

    Nun, ich möchte, dass die alle oben bündig liegen, geht das überhaupt?

    Sag mal, bist Du nicht schon lange genug hier im Forum unterwegs, um mal selber nach der Lösung zu suchen?
    Du solltest eigentlich inzwischen wissen, wie das hier läuft.

    Ach ja, lies das: http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

    Thomas J.

    1. Hallo!

      Sag mal, bist Du nicht schon lange genug hier im Forum unterwegs, um mal selber nach der Lösung zu suchen?

      Dachte ich ja auch, drum - mal schwer hoffend, daß unsere identischen Vorschläge auch klappen - alle im Chor:

      RTFM!!! (wollte das auch endlich mal schreiben)

      ;-)

      Gruß

      Matthias

      --
      ss:| zu:| ls:[ fo:| de:] va:) ch:? sh:) n4:( rl:( br:> js:| ie:% fl:) mo:}
      http://www.makaio.de/quotations
      1. Moinsen

        RTFM!!! (wollte das auch endlich mal schreiben)

        Naja, ist doch so.
        Neulinge, die solche Fragen stellen, bekommen im Normalfall einen deutlichen bis drastischen Tritt Richtung SelfHTML oder Archiv.

        Also gleiches Recht für alle.

        In diesem Sinne
        Thomas J.

        1. Hallo Thomas,

          Naja, ist doch so.
          Neulinge, die solche Fragen stellen, bekommen im Normalfall einen deutlichen
          bis drastischen Tritt Richtung SelfHTML oder Archiv.

          Nö, es ist nicht so. Es muß nicht so sein, daß dieser Tritt drastisch ist,
          man kann auch auf die Lösung des Problems hinweisen und dabei darauf hinweisen,
          daß der Neuling das dort und dort selbst gefunden hätte. Es gibt hier keinen
          »Es ist so«-Postingstil, es gibt nur jeweils den Stil des Postenden.

          Tim

    2. jow ;-)

      http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

      hab ich doch, aber im <p> tag tut es nicht. Müsste da schon sowas machen

      <p style="vertical-align:top;">
      <img width=100 height=75 style="vertical-align:top;">
      <img width=400 height=300>
      <img width=100 height=75 style="vertical-align:top;">
      <p>

      bin mir aber nicht ganz sicher ob das im img-tag erlaubt ist... naja rtfm ;-)

      Gruss, Rolf

      1. bin mir aber nicht ganz sicher ob das im img-tag erlaubt ist... naja rtfm ;-)

        Warum sollte man ein img nicht stylen dürfen?
        Aber es gibt auch schon ein HTML-Attribut namens align (top, middle/center, bottom) dafür. So hab ich das zumindest in Pre-CSS Zeiten gemacht. Allerdings bot das nicht so viele schöne Varianten an wie CSS.

        Der Yeti

        --
        Habe nun, ach! WInfo, BWL, und Mathe, Und leider auch Info!
        Durchaus studiert, mit heißem Bemühn. Da steh' ich nun, ich armer Thor!
        Und bin so klug als wie zuvor!
      2. Hallo!

        »»... naja rtfm ;-)

        Habe ich dann auch mal gemacht, und siehe da:

        Applies to:   inline-level and 'table-cell' elements

        Somit kannst du es dir im <p> wohl komplett sparen und müßtest die Eigenschaft halt nur für (die betreffenden) img-Elemente definieren.

        Gruß

        Matthias

        --
        ss:| zu:| ls:[ fo:| de:] va:) ch:? sh:) n4:( rl:( br:> js:| ie:% fl:) mo:}
        http://www.makaio.de/quotations
        1. Hallo!

          »»... naja rtfm ;-)

          Somit kannst du es dir im <p> wohl komplett sparen und müßtest die Eigenschaft halt nur für (die betreffenden) img-Elemente definieren.

          Danke, ich habs jetzt; ich mach ne Class wie in SELFHTML beschrieben.... habs nur nicht gleich gefunden, sorry 4 trouble ;-)

          Gruss, Rolf

          1. hi,

            ich mach ne Class wie in SELFHTML beschrieben....

            um dann drei <img> mit einem class-attribut auszustatten?

            dann doch lieber
            p#id img { vertical-align:top; }

            gruß,
            wahsaga

            --
            "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
            1. hi,

              ich mach ne Class wie in SELFHTML beschrieben....

              um dann drei <img> mit einem class-attribut auszustatten?

              muss ich wohl...

              dann doch lieber
              p#id img { vertical-align:top; }

              ... weil es so eben nicht geht. Und das war ja auch meine ursprüngliche Frage (die wohl nicht ganz so glücklich formuliert war) ;-)

              Gruss, Rolf

              1. Hi,

                p#id img { vertical-align:top; }

                ... weil es so eben nicht geht.

                natürlich geht das so. Jedenfalls wenn Dein p die id "id" hat und Du es nicht gerade im Netscape 4 testest - für den wäre id img {} angebrachter (falls er das kann).

                freundliche Grüße
                Ingo

                1. Hallo Ingo,

                  p#id img { vertical-align:top; }
                  ... weil es so eben nicht geht.
                  natürlich geht das so. Jedenfalls wenn Dein p die id "id" hat und Du es nicht gerade im Netscape 4 testest - für den wäre id img {} angebrachter (falls er das kann).

                  zu spät ;-)
                  http://www.rolfrost.de/cgi-bin/animals.cgi?dis=30

                  ... und die 3 neuen Klassen (oben, mitte, unten) im CSS File könnt' ich später evntl. auch noch anderweitig gebrauchen.

                  Trotzdem Danke!

                  Gruss, Rolf

                  1. Hi,

                    zu spät ;-)
                    http://www.rolfrost.de/cgi-bin/animals.cgi?dis=30

                    ach dafür brauchtest Du das. Fändest Du zentriert nicht besser?

                    freundliche Grüße
                    Ingo

                    1. Hi Ingo,

                      zu spät ;-)
                      http://www.rolfrost.de/cgi-bin/animals.cgi?dis=30
                      ach dafür brauchtest Du das. Fändest Du zentriert nicht besser?

                      definitiv nein, das wird sonst zu unruhig weil die Images verschiedene Größen haben und auch ab und zu mal ein Portrait dabei ist - da würden die Navigationsimages hoch und runterzappen.

                      So wie es jetzt ist, liegen die Navigationspfeile und ~Thumbnails stets in einer Linie, der Mauszeiger muss beim Blättern lediglich horizontal bewegt werden.

                      Gruss, Rolf