Possibilité plusieurs CSS pour une m^ page ?

Ricardo · Message par **Ricardo** » 02 avr. 2004, 15:21

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.

Helbe · Message par **Helbe** » 02 avr. 2004, 15:30

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

Ricardo · Message par **Ricardo** » 02 avr. 2004, 15:34

Super, je te remercie de cette réponse rapide.
Je vais faire ça ce soir.

calimo · Message par **calimo** » 02 avr. 2004, 16:40

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...

Geckozone

Possibilité plusieurs CSS pour une m^ page ?

Possibilité plusieurs CSS pour une m^ page ?

CSS

Qui est en ligne ?