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

476

Ää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. Suomen kansa haluaa Antti Lindtmanista pääministerin

      Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http
      Maailman menoa
      294
      4781

    2. Vain 21% kannattaa Lindtmania pääministeriksi

      se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?
      Maailman menoa
      135
      3066

    3. Miksei Björn Wahlroos jaa rahaa köyhille?

      Esimerkiksi Nordean tiloissa? Vai tuovatko ne köyhät hiekkaa marmorilattioille ja siksi ei pysty mursunviiksi pystyyn k
      Maailman menoa
      52
      2983

    4. Jouluksi miettimistä: kuka tai mikä valmistaa rahan?

      Nyt kun on ollut vääntöä rahasta ja eritoten sen vähyydestä, niin olisi syytä uida rahan alkulähteille, eli mistä se syn
      Maailman menoa
      28
      1541

    5. Julkinen sektori on elänyt aivan liian leveästi yli varojensa!

      Viimeisen 15 vuoden aikana julkisen puolen palkat ovat nousseet n. 40%, kun taas yksitysellä sektorilla vain n. 20%. En
      Maailman menoa
      227
      1242

    6. Missä kunnassa kaivattusi asuu

      Kuinka tarkkaa uskalla sanoa?
      Ikävä
      47
      1189

    7. Yksikään persu ei ole saanut Nobelin palkintoa

      Kertoo paljon persujen älyn puutteesta. Demareista mm. Ahtisaari on kyseisen palkinnon saanut.
      Maailman menoa
      7
      996

    8. Miten antaa merkki hyvin eri ikäiselle miehelle, että kertoisi toiveensa ja ajatuksensa?

      Olen pitkään pitänyt miehestä, joka myös varmasti minusta. Hän ei tosin kerro ihastumisesta, eli voi hyvin olla, että tu
      Ikävä
      78
      991

    9. Emme koskaan keskustelleet kasvotusten syistä välirikollemme

      Enkä voisi kertoa perimmäistä rehellistä syytä. Kerroin sinulle pintapuolisen ”paketin” ja otin tavallaan omalle vastuu
      Ikävä
      58
      981

    10. Paskalaista valokuitulakiin

      Nyt maksajiksi joutuvat kaupunkilaiset eivätkä mökkiensä ulkohuusseissa kakistelevat mummot. Nimittäin EU määrää jokais
      Maailman menoa
      52
      979
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt