Kuvat vasem.-tekstiosuus oik.?

Liinukka1982

Iltaa,
tuossa onkin jo kysytty yhden kuvan sijoittamista.., minun ongelma on laajempi, eli useamman kuvan sijoittaminen:

Olen yrittänyt työstää html-sivua kuvineen, mutta ei onnistu millään!
Sivun pitäisi olla suunnilleen tämän näköinen:
-----------------------------------------------------------------
-----------/.....OTSIKKOTEKSTI
..kuva 1.
.....................Tekstiä tähän jne
.....................Tekstiä je jne
-----------/.......tekstiä tähän ja piste.
-----------/
..kuva 2.............Teksti jatkuu tässä
.......................2. kuvan vas. puolella
.......................myös tekstiä, ja jatkuu
-----------/
-----------/.........kolmannen kuvan vasemm.
..kuva 3.............puolella ja jatkuu, jatkuu .....................ja päättyy sitten sitten
-----------/.........tähän ja piste.

----------------------------------------------------------------/

Elikkä kuvat ovat sivun vasemassa reunassa allekkain (suljettu vasemmalle) kuvat myös raamitettu kevyellä mustalla raamilla.
Kuvien välissä on pieni väli, eli ei yhteen pötköön.
Teksti on kuvien oikealla puolella. Kuvien ja tekstin välissä on hieman tilaa.
Teksti menee ylhäältä alas myös yhtenäisesti (tuon ylläolevan esimerkissä teksti on vähän niinjanäin, vaikeeta..., mutta toivottavasti ymmärrätte?!)
---
Osaan sijoittaa jo yhden kuvan tekstiin.
Näitä yhden kuvan ohjeita löytyy esim:

http://appro.mit.jyu.fi/doc/css/index6.html
Minulla oli tämä sivu apuna (sivun keskikohdassa: LIU´TUS.
Yritin tehdän juuri noin monen kuvan kanssa, muttei onnistunut :(

Osaako kukaan teistä auttaa?
Missähän olisi hyviä hmtl-apusivuja?

3

502

    Vastaukset 3

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • aina kuvan jälkeen

      siis välittömästi kuvan jälkeisen tekstin alkuun

    • Höpö.

      »Teksti jatkuu tässä 2. kuvan vas. puolella..»

      Teksti VASEMMALLA?

      Toinen joka jäi vähän epäselväksi on, onko se oikealla puolella oleva teksti yhtenäistä, vai alkaako se aina kuvan kohdalta. Entä jos teksti vie korkeussuunnassa enemmän kuin kuva, pitääkö tekstin vasen reuna pysyä aina samassa vai alkaa siitä mistä kuvakin (näinhän float tekee).

      Eli tarkempaa selitystä, niin koitan antaa vastauksen.

    • Aika sekava kuvaus. URL olis kiva. Siis sellaisen sivun URL, jossa on kuvat ja teksti ilman, että asettelua on vielä hirveästi ajateltu. Silloin näkisi mm. sen olennaisen seikan, ovatko kuvat samanlevyisiä. Ja sitten selostus miten pitäisi asetella. Sellainen ”tekstikuva”, jonka lähetit, ei oikein toimi, etenkään kun merkkien leveydet eri ihmisten selaimissa vaihtelevat.

      Jos haluat, että vasemmalla on päällekkäin samanlevyisiä kuvia ja niiden välissä tilaa ja että teksti juoksee niiden oikealla puolella, niin yksinkertaisin on ehkä tällainen ratkaisu:

      HTML:




      ...


      CSS:

      .kuvat { float: left; margin-right: 1em; }
      .kuvat img { margin-bottom: 10px; border: solid thin; }

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

    Luetuimmat keskustelut

    1. Nyt se syksy on sitten alkanut

      Esimerkiksi tänään sataa aamusta iltaan, ja nytkin.
      Maailman menoa
      68
      1105
    2. Minä en ole koskaan

      Rakastanut ketään toista yhtä paljon kuin sinua
      Ikävä
      98
      1064
    3. Tiesitkö? Jorma Uotisen EX-rakas on Helena Lindgren - Nämä ovat välit nyt: "Me ollaan..."

      Jorma Uotinen ja Helena Lindgren olivat avoliitossa v. 1982-1999. Pariskunta oli aikansa näyttävä julkkispari, missä i
      Kotimaiset julkkisjuorut
      23
      933
    4. Olet nainen ollut vaikein rasti

      Eniten olet tunteitani myllännyt ja niitä kuluttanut, ja tuottanut. 🤔
      Ikävä
      65
      875
    5. Anteeksi J-mies

      Anteeksi että myötävaikutin siihen että rakastuit minuun, jota et voi koskaan saada. Viimeksi kun näimme ja katselimme t
      Ikävä
      126
      860
    6. Vähän pitää

      Kiusia ja näyttää
      Ikävä
      134
      817
    7. Kuhmolainen opettaja tuomittu vainoamisesta

      https://yle.fi/a/74-20248184 ”Kuusikymppinen kuhmolaisnainen piinasi naapureitaan lähes kahdeksan vuoden ajan. Nainen
      Kuhmo
      20
      770
    8. Riittääkö mahkut

      Kaivattuusi 🤭.
      Ikävä
      57
      766
    9. Kenen viisautta on ollut laittaa tie väärällä murskeella pilalle

      Kenen viisautta on ollut kun Siimeksen/Kylmänpurontie pantu pilalle kun on ajettu liian karkeaa mursketta. Rengasliikke
      Hyrynsalmi
      27
      741
    10. Taidat olla

      Luovuttanut jo minun suhteeni osalta?
      Ikävä
      45
      676
    11. Minä muistan

      Minä muistan sinut nauravana. Sellaisena, joka sai tavallisenkin hetken tuntumaan vähän kevyemmältä, kuin huoneeseen ol
      Ikävä
      46
      661
    12. Elämäni biisi -paljastus: Tänä lauantaina 26.9. nämä julkkikset istahtavat sinisille sohville!

      Katsotko Elämäni biisiä? Elämäni biisi on monen suomalaisen suosikki. Vieraslista lauantaina 26.9. tarjoilee vieraita m
      Tv-sarjat
      6
      623
    13. Mä voisin rakastua noihin tähti silmiin

      Katseesi on niin lumoava nainen💚.
      Ikävä
      19
      617
    14. Koska Martina viettää aikaansa lapsiensa kanssa

      Äiti vaan juoksee miehen perässä Tallinnassa, Lontoossa, Turussa. Kyllä oli kätilö oikeassa, kun sanoi, että ei olisi ka
      Kotimaiset julkkisjuorut
      142
      612
    15. Ähtäri on taas TV: n ja radion ykkösuutinen

      Uusi podcast on julkaistu ja on nyt kuunneltavissa. Mot on tehnyt hyvää työtä! Mikko Savola ja kepu ei ota mitään vast
      Ähtäri
      48
      610
    16. Mitä muuta on olemassa kuin lisääntyminen

      Jos mies ei pääse lisääntymään niin mikä hänen osansa elämässä on? mitä jää jäljelle? Hän on vain muiden palvelija kok
      Sinkut
      129
      609
    17. Siinä kävi mies nyt niin että tämä ämmä muuttaa ulkomaille

      Vuonojen maa kutsuu, joten ei hätää. Et kuule minusta enää. 😂 Lycka till! Ämmä riittää.
      Ikävä
      82
      596
    18. Jos tullaan toisiamme vastaan, niin

      pitäiskö pysähtyä ja onnitella?
      Ikävä
      48
      594
    19. Voisiko vielä välillemme jotain kehittyä

      Vai heihei ja ei nähdä enää.
      Ikävä
      35
      590
    20. Pahkalassa tapahtuu

      Mitäs on tapahtunut yöllä pahkalan kerrostaloilla.oli poliisia ja ambulanssia taas vaihteeksi
      Parkano
      12
      569
    Aihe