Jorin jutut / seitti

Tyylisäännöstön piilotus Netscapelta

Netscapen versio 4 sisältää monia vakavia virheitä tyylisäännöstöjen käsittelyssä. Tämä dokumentti selittää tapoja piilottaa tyylisäännöstö tai sen osa niin, että Internet Explorer näkee sen, mutta Netscape ei.

Liamin temppu: MEDIA="screen,projector"

Tyylisäännöstöille on aina määritelty jokin kohdelaite, esimerkiksi screen tai print. Määrittely <STYLE TYPE="text/css" MEDIA="screen,projector"> tarkoittaa, että samaa tyylisäännöstöä käytetään sekä tavanomaisessa graafisessa selaimessa että projektoreissa, joissa kuva heijastetaan tyypillisesti hyvin isokokoiselle kankaalle. Netscape jättää tällaisen tyylisäännöstön kokonaan huomiotta.

Mahdollista on myös kirjoittaa sääntö muodossa <STYLE TYPE="text/css" MEDIA="screen,notNS4"> , ja lopputulos on sama.

Lähde: http://css.nu/pointers/liam-tip.html

Toddin temppu: @import

Tyylisäännöstöön voi sisällyttää toisen tyylisäännöstön @import-sanalla tähän tapaan:


<STYLE TYPE="text/css" MEDIA="screen">
<!--
@import url(tyyli2.css);
-->
</STYLE>

Netscape toimii taas virheellisesti, ja jättää tyyli2.css -tyylisäännöstön kokonaan lataamatta.

Lähde: http://css.nu/pointers/point-tip.html

Selaintunnistus

Kolmas vaihtoehto on tehdä sivut CGI-ohjelmalla, joka tunnistaa käytettävän selaimen ja sen mukaan generoi sopivan tyylisäännöstön. Tämäkin voi olla toimiva tapa, varsinkin jos sivu muutenkin luodaan lennossa CGI-ohjelmalla.

Ikävä kyllä välityspalvelimet saattavat sotkea selaintunnistuksen. Myös tiedoston tallentaminen vaikkapa levykkeelle toisella koneella ja toisella selaimella käytettäväksi aiheuttaa ongelman.

Esimerkit

Voit katsoa lähdekoodista kahden allaolevan kappaleen toteutusta. Tästä näet käytetyt tyylisäännöstöt.

Tämän kappaleen teksti on lihavoitu ja kursivoitu. Lihavointi on piilotettu Toddin tempun avulla Netscapelta.

Tämänkin kappaleen teksti on lihavoitua ja kursvoitua. Kursivointi on piilotettu Liamin tempun avulla.


Luotu 2000-10-19, muokattu viimeksi 2000-10-19.