Detlef G.: Galerie mit float

Beitrag lesen

Hallo Gunnar

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

Das würde funktionieren, wenn die Bilder keine Beschriftung bekommen sollten.
(s. https://forum.selfhtml.org/?t=108034&m=671879)

Sonst dürfte sich dies so erreichen lassen (ungetestet):

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

  
ul {  
  list-style:none;  
  margin:0;padding:0;  
}  
li {  
  float:left;  
  text-align:center;  
}  
li span {  
  display:block;  
  padding-top:100px;  
}  
img {  
  margin-top:-100%;  
}  
/* für den IE */  
* html span {  
  padding:0;  
  font-size:100px;  
}  
* html img {  
  vertical-align:  
  bottom;margin:0;  
}  

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
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