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

599

    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. Päivän Riikka: polttoöljyn hinta räjähti

      Näyttää tuo putinismi ilmenevän persuissa myös Suomen yrittäjien kampittamisena. Polttoöljy on se katalyytti, joka pitää
      Maailman menoa
      38
      2191
    2. Mökkejä ostellaan nyt ihan hulluna!

      Tyypilliset lainamäärät on yli 500 000€ mökkejä ostellessa eli erityisesti tuollaiset miljoonamökit on nyt suomalaisten
      Maailman menoa
      66
      2047
    3. Helsingin yllä valopalloja

      https://www.iltalehti.fi/kotimaa/a/1508be00-28c9-4156-83dc-0be5e7aa3066 "Helsingin taivaalla lensi lauantaina puolen yön
      Sinkut
      121
      1940
    4. HÄLYYTYS!!

      Ukraina se hyökkää jo Suomen maaperälle. https://www.iltalehti.fi/kotimaa/a/645b83ce-e074-4f00-8b99-245d01b38a36
      NATO
      389
      1675
    5. Kovasti on hävittäjiä ilmassa. Nytkö se alkoi?

      Onko nyt sota ?? `Vai harjoituksiako vain? Hävittäjät pörrää kovasti.
      Kouvola
      103
      1641
    6. Helsingin yllä lensi yöllä jotain outoa puolen yön aikaan valopalloja

      Poliisi on saanut tapauksesta yhden havaintoilmoituksen. Valopalloja oli noin parikymmentä ILtalehdessä on video tapah
      Maailman menoa
      124
      1474
    7. Millainen on naisellinen nainen

      Nyt kun taas mennään keikkuen kesään, niin millainen nainen on naisellinen? Pukeutuminen, olemus, puhetapa, jne. Vilma n
      Sinkut
      182
      1092
    8. Raamatullinen kaste

      Seurakunnassamme kastettiin mm eräs muslimi, joka oli tullut uskoon. Hän oli ollut Suomessa viitisen vuotta. Hän oli lu
      Kaste
      53
      967
    9. Mitkä asiat kaivatun ajattelussa

      Ihmetyttävät? Mikä on tullut yllätyksenä?
      Ikävä
      75
      925
    10. Mitkä olisivat kolme tärkeintä

      vihjettä kaivatustasi?
      Ikävä
      27
      899
    Aihe