Miten toteutan vierekkäiset, "kelluvat" elementit?

tyttö vain

Onko mitään keinoa toteuttaa kolme vierekkäistä elementtiä, jotka hyppäävät vierekkäin tai allekkain siitä riippuen, miten leveältä näytöltä sivuja katsotaan? Ts. haluan välttää sivun sivuvierityksen kapealla näytöllä, mutta olisi kiva, jos elementit täyttäisivät leväen näytön tyylikkäästi ilman reunan tyhjää tilaa.

Elementti sisältäisi:
- otsikon
- vähän tekstiä ja
- näiden alla kuvan (ehkä 150 px leveä).

Apua :)?

2

585

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • juhakorkeapudas

      Tässä yksi esimerkki.




      .divi {float:left;width:350px;border:1px solid #000;}




      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.


      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla gravida nibh ac lectus ornare malesuada. Nulla pede. Sed condimentum mauris at massa. Nullam vitae nisi. Sed sed sem ac nisi gravida tincidunt. Aliquam risus. Mauris ultrices hendrerit augue. Vivamus sodales neque in turpis. Ut rutrum dolor luctus nisl luctus scelerisque. Nulla sed dui eget nibh pharetra imperdiet. Vestibulum adipiscing mattis dui. Sed turpis. Aliquam lorem dui, blandit eget, eleifend in, blandit eget, orci. Fusce et justo. Etiam ullamcorper pellentesque leo.

      • teet vaan yksinkertasesti

        1
        2
        3


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      76
      4263
    2. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      190
      3479
    3. 194
      2804
    4. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      66
      2716
    5. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      40
      2626
    6. 57
      1156
    7. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      76
      1027
    8. Aitolehti Capital

      HehkuB on myynnissä, kovalla työllä saavutettu unelma joka sekin lässähti kuten kaikki mihin ryhtyy! Nyt Sewen asialle
      Kotimaiset julkkisjuorut
      238
      1002
    9. MOT: Työmarkkinatori on olemattomien työpaikkojen hakupaikka

      Työpaikkojen tietoja ei tarkisteta, ja ainakin noin noin 10% on olemattomia työpaikkoja ja sen lisäksi eri rekryfirmat t
      Maailman menoa
      107
      866
    10. Missä kuussa

      Rakkaasi on syntynyt?
      Ikävä
      55
      860
    Aihe