Gunnar Bittersmann: Galerie mit float

Beitrag lesen

Johannes,

<body>
  <img src="image.gif" width="100" height="110" />
  <img src="image.gif" width="100" height="51" />
  <img src="image.gif" width="100" height="100" />
  <img src="image.gif" width="100" height="100" />
</body>

Das geht nur in Transitional, in Strict dürfen nur Blockelemente Kinder von body sein.

Aber das sieht doch nach einer Sammlung (Liste!) von Bildern aus:

<body>  
   <ul>  
      <li><img src="image.gif" width="100" height="110" /></li>  
      <li><img src="image.gif" width="100" height="51" /></li>  
      <li><img src="image.gif" width="100" height="100" /></li>  
      <li><img src="image.gif" width="100" height="100" /></li>  
   </ul>  
</body>

Damit haste die Bilder in Blockelementen eingeschlossen, divs sind nicht nötig.

Die li kannst du jetzt display:inline stezen und die img in ihnen ausrichten.

Gunnar

PS. Galerie schreibt sich mit einem L.

--
“I got my finger on the trigger / But I don’t know who to trust” (Bruce Springsteen, Devils and Dust)
0 60

Gallerie mit float

Johannes Walther
  • css
  1. 0
    Ole
    1. 0
      Johannes Walther
      1. 0
        Russe
  2. 0
    nag
    1. 0
      Johannes Walther
  3. 0

    "Gallerie" mit float, da floatet mir dieselbige über!

    Gernot Back
    1. 0

      Mir floaten da noch ganz andere Dinge über...

      Benjamin Wilfing
      • menschelei
      1. 0
        Gernot Back
        1. 0
          Jörg Lorenz
          1. 0
            Gernot Back
            1. 0
              Jörg Lorenz
          2. 0
            Alexander Brock
            1. 0
              Benjamin Wilfing
              1. 0
                Gernot Back
              2. 0
                Jörg Lorenz
                1. 0
                  Gernot Back
                  1. 0
                    Benjamin Wilfing
                  2. 0
                    Jörg Lorenz
                    1. 0
                      Gernot Back
                    2. 0
                      WebViper
                      1. 0
                        Jörg Lorenz
                      2. 0
                        at
                  3. 0
                    Orlando
              3. 0
                Alexander Brock
            2. 0
              Jörg Lorenz
              1. 0
                Gernot Back
                1. 0
                  Jörg Lorenz
            3. 0
              Fabian Transchel
              1. 0
                Benjamin Wilfing
      2. 0
        O'Brien
    2. 0
      Johannes Walther
      1. 0
        Gernot Back
        1. 0
          Jörg Lorenz
          1. 0
            Benjamin Wilfing
            1. 0
              Jörg Lorenz
              1. 0
                at
  4. 1

    Galerie mit float

    Gunnar Bittersmann
    1. 0
      Detlef G.
      1. 0
        Detlef G.
      2. 0
        at
        1. 0
          Detlef G.
          1. 0
            at
  5. 0
    Aybee
    1. 0
      Benjamin Wilfing
      1. 0
        Aybee
        1. 0
          Benjamin Wilfing
      2. 0
        Aybee
        1. 0
          Benjamin Wilfing
          1. 0
            Aybee
            1. 0
              Ingo Turski
              1. 0
                Aybee
                1. 0
                  Ingo Turski
            2. 0
              Benjamin Wilfing
              1. 0
                Aybee
    2. 0
      Aybee
  6. 0
    Ingo Turski
    1. 0
      Johannes Walther
      1. 0
        Ingo Turski
  7. 0

    & (JavaScript) Noch ein Lösungsansatz, wenn auch nicht der schönste[tm]

    Ole