Kuvia, see-äs-ässää ja rokkenrollia

Tässä esimerkissä tutkimme kuvien korvaamista toisilla kuvilla CSS:n avulla, sekä kuvien lisäämistä toisen kuvan "sisään". Lähdekoodista näet, miten homma hoituu. Lähdekoodiin on aina liitetty kuva1.png.

Kuvan korvaaminen

Esimerkissä yritämme korvata kuvan toisella.

Kuvan lisääminen toisen viereen...

Esimerkissä yritämme lisätä kuvan toisen viereen

...ja alle

Esimerkissä yritämme lisätä kuvan toisen alle

Toimivuus

Kaikki esimerkit toimivat moitteetta Firefoxissa.

Korvattaessa kuvaa kokonaan jättää Opera uuden kuvan alareunaan yhden pikselirivin vanhaa kuvaa.

Kaikki esimerkit toimivat moitteetta IE:ssä.

Testaus

Tämä esimerkki on testattu seuraavilla selaimilla:

Mozilla Firefox 1.0.6
Mozilla Firefox 2.0.0.4
Opera 7.54
Opera 9.10
Microsoft Internet Explorer 6.0
Microsoft Internet Explorer 7.0

Jos satut omistamaan jonkun muun kuin yllä mainitun selaimen, olisin kiitollinen jos voisit testata esimerkin selaimellasi ja lähettää tiedot toimivuudesta mieluiten ruutukaappauksen kera osoitteeseen emil.virkki@ruusu.net. Jos homma toimii moitteetta, voit kertoa siitäkin jotta kivi vierähtäisi sydämeltäni.