Eric Pichon
Pour en savoir plus :
Plongez dans l'accessibilité ! |
Des scripts peuvent orienter vers une page différente en fonction
du navigateur, de la langue utilisée, de la résolution de l'écran,
...
(cf www.editeurjavascript.com,
rubrique navigation)
ou en utilisant des balises propres à un seul éditeur
(cf "Tricks
with Comments that Only Work in Microsoft Internet Explorer"
sur about.com)
Il suffit placer dans l'en-tête (entre <head> et </head>) un lien vers plusieurs feuilles de style, qui seront utilisées alternativement selon le "contexte".
Bien sûr, vous aurez au préalable créé chacun des fichiers CSS avec les styles appropriés : cela sera d'autant plus performant si vous avez parfaitement séparé le fond (l'information donnée par la page web) de sa mise en forme (la présentation déterminée par l'une ou l'autre des feuilles de style), notamment en préférant les calques aux tableaux de mise en page.
<!--[if IE]> <link rel="stylesheet" type="text/css" href="styleIE.css" /> <![endif]-->
<!--[if IE]> et <![endif]--> ne sont reconnues que par Internet
explorer ; les autres navigateurs interprèteront tout ce qui se trouve
entre <!-- et --> comme un commentaire et le "sauteront"
(source et autres "trucs" : "Hiding Your Cascading Style Sheets" / about.com )
L'attribut "media" précise à quelle "sortie" s'applique la feuille de style :
<link rel="stylesheet" type="text/css" media="all" href="/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/ecran.css" />
<link rel="stylesheet" type="text/css" media="print" href="/imprime.css" />
<link rel="stylesheet" type="text/css" media="aural" href="/vocal.css" />
<link rel="stylesheet" type="text/css" media="braille" href="/braille.css" />
Creative Commons.. BY:NC:SA: -Paternité : ce site peut être reproduit et distribué à condition que l'auteur initial, eric pichon, soit cité.- Non commercial : aucune adaptation, reproduction ou utilisation de ce site ne peut être faite à des fins commerciales, sans accord de l'offrant ('licensor') - Partage à l'identique : des adaptations de ce site ne peuvent être diffusées que sous une autorisation identique. A chaque réutilisation ou distribution, vous devez faire apparaître clairement aux autres les conditions contractuelles de mise à disposition de cette création.