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?
Kuvat vasem.-tekstiosuus oik.?
3
445
Vastaukset
- 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
- 19311646
- 585509
Taas ryssittiin oikein kunnolla
r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html462807- 402425
Ikävä sinua
Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k141949Vanha Suola janottaa Iivarilla
Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia131891Valtimon Haapajärvellä paatti mäni nurin
Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,441875Otavassa tapahtuu!
Rakennuspalo, yläkerta tulessa. Henkirikosta epäillään. Tiettyä henkilöautoa etsitään, minkä mahdollinen epäilty ottanut291784Tulemmeko hyvin
Toimeen ja juttuun keskenämme? Luulen, että sopisit hyvin siihen ☀️ympäristöön, paljon kaikkea erilaista.♥️mietin tätä s61526Tiedän kuka sinä noista olet
Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta421498