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

499

Äänestä

    Vastaukset

    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.

    • Yucca

      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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Tunnusmerkkejä Kaivatulle

      Jotain mistä toinen tunnistaa. Täällä vaalea nainen kaipaa miestä jolla vaaleat hiukset ja asuu maalla. Pelataanko kortt
      Ikävä
      63
      1257

    2. Uskaltaako tässä luottaa siihen että

      Ehkä rakastetaan toisiamme?
      Ikävä
      107
      1203

    3. Miehen ja naisen ystävyys

      Mitä järkeä on miehen ja naisen ystävyydessä jos toinen ajattelee toisesta enemmän= on rakastunut ja toivoo yhdessä oloa
      Ikävä
      146
      906

    4. Oletko nainen enää täällä?

      En ole tunnistanut kirjoituksiasi hetkeen. Ainoastaan yhdessä neutraalissa ketjussa, missä ei ollut kyse tunteista. Hyv
      Ikävä
      64
      873

    5. Pidätkö itseäsi varattuna

      Kaivatullesi?
      Ikävä
      75
      858

    6. Naisten top-5 red flagit

      1. Feminismi: kertoo keskenkasvuisuudesta, välttää vastuuta tekemällä miehistä kestosyyllisen kaikkeen 2. Ylipaino: kiel
      Ikävä
      109
      722

    7. Rakastan sinua

      Anteeksi että epäilin sinua.. ❤️
      Ikävä
      58
      721

    8. Pyydetään tiedonantoa "hyvinvointitalo"-hankkeen nykytilanteesta

      ja aikataulusta. Odotetaanko uutta hallinto-oikeuden päätöstä. Hallinto-oikeushan antoi teknisenlautakunnan lupajaosto
      Pyhäjärvi
      103
      682

    9. Mitähän meinaat

      Vai meinaatko mitään kohtaamisen suhteen?
      Ikävä
      43
      616

    10. Lämmöllä muistelen niitä hetkiä...

      Silloin vuosia sitten! H.
      Rakkaus ja rakastaminen
      78
      601
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt