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

483

Ää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. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      175
      8517

    2. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      455
      7727

    3. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      76
      3900

    4. Lääppijä Lindtman jäi kiinni itse teosta

      Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-2000011780852
      Maailman menoa
      163
      3786

    5. Juuri nyt! Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti

      Ai että mä nautin, Tytti erot vireille! "Käytös on kohdistunut avustajia ja toisia kansanedustajia kohtaan, uutisoi STT
      Maailman menoa
      122
      3105

    6. Huomaatteko Demari Tytti ei esitä pahoitteluitaan

      Samanlainen ilmeisesti kuin Marin eli Uhriutuu no he ovat Demareita ja muiden yläpuolella siis omasta mielestään
      Maailman menoa
      70
      2967

    7. Turvaan tulleet lähettävät omia lapsiaan vaaraan - hullua

      MOT-ohjelman jakso ”Loma vaihtui kahleisiin” kertoi, kuinka Suomessa ja muualla Euroopassa asuvat somaliperheet lähettäv
      Maailman menoa
      44
      2091

    8. Onko kaivattusi

      liian vetovoimainen seksuaalisesti?
      Ikävä
      126
      2086

    9. Puolen vuoden koeaika

      Voisi toimia meillä. Ensin pitäis selvittää "vaatimukset" puolin ja toisin, ennen kuin mitään aloittaa. Ja matalalla pro
      Ikävä
      23
      1913

    10. Vedonlyöntiä .

      Olen valmis lyömään ison vedon , että homma kaatuu . Jos kerta Sivonen ei lähde mukaan , niin ei tuoho usko kukaan muuka
      Ähtäri
      21
      1891
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt