Re: [tietoverkot] kuvaongelmia

[Tommi Lahtonen <tommi.j.lahtonen@jyu.fi>]

On Wed, 4 Oct 2000, Marjo Karvonen wrote:

>   Ensiksikin minulle on jäänyt epäselväksi, kuinka ne absoluuttiset pikselit
>   määritellään kuvissa ja mihin (tyylilomakkeeseen vai tekstirunkoon)ne
>   pistetään? Ilmeisesti tekstirunkoon? Saisiko tuosta vaikka valaisevan
>   esimerkin.

Mieluiten suoraan xhtml-tiedostoon img-elementin yhteyteen. Näin
vanhimmatkin selaimet, jotka eivät vielä ymmärrä CSS:ää, osaavat heti
varata kuvalle tarpeeksi tilaa.

   <img src="kuva.jpg" alt="Longyearbyen" width="372" height="250">

http://www.mit.jyu.fi/opetus/appro/faq/tietoverkot.html#3

>   Sitten jos haluan kuvan ruudun keskelle, kuinka tämä tapahtuu. Yritin

CSS:stä löytyy ominaisuus nimeltään text-align, joka on tarkoitettu
kappaletason elementtien keskittämiseen vaakasuunnassa. img-elementti ei
ole kappaletason elementti joten siihen tätä ei voi suoraan soveltaa.
Jokin selain saattaa img-elementinkin keskittää. Varmin temppu on
määritellä vaikkapa uusi aliluokka, joka hoitaa keskityksen mille tahansa:

   .keskitys {
           text-align: center;
   }

Uutta .keskitys aliluokkaa voi nyt käyttää esimerkiksi div-elementin
yhteydessä ja näin keskittää vaikkapa kuvan:


   <div class="keskitys">
   <img src="kuva.jpg" alt="Longyearbyen" width="372" height="250">
   </div>

                                                                        
Pystysuunnassa voi keskityksen määritellä tismalleen samaan tapaan
käyttämällä vertical-align-ominaisuutta


http://www.mit.jyu.fi/opetus/appro/faq/tietoverkot.html#4


-- 
Tommi Lahtonen, tommi.j.lahtonen@jyu.fi, <URL: http://www.iki.fi/hazor/>

Man invented language to satisfy his deep need to complain.  -- Lily Tomlin

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