Re: [tietoverkot] Re: kysymyksiä liittyen tietoverkkoihin...

[Pirjo Helander <pirjo.helander@sonera.com>]

Moi!

Allaoleva on ihan hyvä ohje - näin olen itsekin toiminut. Ongelmana on vain se,
että Netscape ei ihan täysin tue CSS:ää tältä osin (olen testannut vain vanhat
versiot 4.51 ja 4.62).

Kuvat kyllä menevät ihan kivasti oikeaan ja vasempaan reunaan ja keskellekin
(joskus tosin käy niin, että kuvat eivät ole vasen-oikea -suunnassa ihan linjassa
keskenään, vaikka kuvat olisivat samankokoisia ja marginaaliasetukset samat).

Kaikki toimii periaatteessa kuitenkin ok, jos pitää oikean ja vasemman marginaalin
mahdollisimman pienenä ja käyttää selainta koko näytön kokoisena - mutta jos
pienentää selaimen esim. puolen näytön kokoiseksi, kuvat liukuvat ikävästi tekstin
päälle (jos siis esim. kuva on oikeassa laidassa ja teksti on kirjoitettu
vasempaan reunaan kuvan viereen).  Tekstin rivejä voi tietysti lyhentää
pakotetuilla rivinvaihdoilla, mutta silloin teksti ei välttämättä näytä hyvältä
Explorer 5.5:ssä. Onkohan tähän mitään ratkaisua? Vai tyydymmekö vain siihen, että
uudemmat Netscapenkin versiot (ilmeisesti 4.7 ->) jo tukevat paremmin CSS:ää?

//Pirjo


>   Haluaisin saada osa kuvista vasemmalle puolelle ja osa oikealle, ja vaikka
>   keskellekin jotkut. Mitenkä tämä on mahdollista? HTML-dokumtentin puolella
>   ei kuvan paikkojen määrittely onnistu, mutta kun CSS:än laitoin kuvat
>   menemään oikealle, niin sitten tietenkin kaikki kuvat meni oikeaan
>   laitaan :(

Sinun pitää määritellä jotakin seuraavanlaista CSS:ään:

.vasen {
        text-align: left;
}

.oikea {
        text-align: right;
}

.keski {
        text-align: center;
}

ja sitten html-dokumentissa:

<div class="vasen">
<img src="kuva.jpg" alt="kuvan kuvaus" />
</div>

<div class="oikea">
<img src="kuva.jpg" alt="kuvan kuvaus" />
</div>

<div class="keski">
<img src="kuva.jpg" alt="kuvan kuvaus" />
</div>



-- send "unsubscribe tietoverkot" to majordomo@cc.jyu.fi to unsubscribe ---