Page 1 sur 1
Possibilité plusieurs CSS pour une m^ page ?
Publié : 02 avr. 2004, 15:21
par Ricardo
Est-il possible de faire référence à plusieurs Feuilles de styles ds une m^ page?
Si oui, ça faciliterait les choses en faisant une feuille avec les styles "passe-partout" et une autre avec les styles particuliers à la page.
Si oui, encore, y-a-t-il des choses à ne pas faire
Merci à ts.
CSS
Publié : 02 avr. 2004, 15:30
par Helbe
Bonjour,
C'est tout-à-fait possible.
Pour cela, il suffit de créer autant de fichiers CSS que de besoin puis de les appeler par "Link" entre les balises <HEAD> et </HEAD>
Exemple:
<link rel="stylesheet" type="text/css" href="../css/entete.css">
<link rel="stylesheet" type="text/css" href="../css/menu.css">
<link rel="stylesheet" type="text/css" href="../css/corps.css">
Cordialement
Helbe
Publié : 02 avr. 2004, 15:34
par Ricardo
Super, je te remercie de cette réponse rapide.
Je vais faire ça ce soir.
Publié : 02 avr. 2004, 16:40
par calimo
Tu peux aussi définir des feuilles de style alternatives :
Code : Tout sélectionner
<link rel="alternate stylesheet" type="text/css" href="style1.css" title="Style 1" />
<link rel="alternate stylesheet" type="text/css" href="style2.css" title="Style 2" />
Ensuite tu peux passer d'une à l'autre comme sur le site
http://frenchmozilla.sourceforge.net/ 
Remarque que la technique de Helbe est toujours valable, il suffit de spécifier un même titre pour les différentes feuilles
Code : Tout sélectionner
<link rel="alternate stylesheet" type="text/css" href="menu1.css" title="Style 1" />
<link rel="alternate stylesheet" type="text/css" href="contenu1.css" title="Style 1" />
<link rel="alternate stylesheet" type="text/css" href="menu2.css" title="Style 2" />
<link rel="alternate stylesheet" type="text/css" href="contenu2.css" title="Style 2" />
Et avec ça si tu as des propriétés communes à tous les styles, il suffit de les mettre dans un <link /> sans spécifier de titre
Si tu ne veux pas que ton style soit appliqué par NS 4.x, il y a une autre technique que le @import : il suffit de définir un média, par exemple
Code : Tout sélectionner
<link rel="alternate stylesheet" type="text/css" href="menu1.css" title="Style 1" media="screen, projection,tv" />
Je crois que j'ai à peu près fait le tour...