[résolu]Faire appel a plusieurs feuilles de style

bonjour,

dans le cas ou je conçois plusieurs feuille de style (structure.css, texte.css, image.css) par exemple, ais je le droit de les appeler toutes en meme temps au debut du script, tel que

<link href="structure.css"  rel="stylesheet" type="text/css" />
<link href="texte.css"  rel="stylesheet" type="text/css" />
<link href="image.css"  rel="stylesheet" type="text/css" />

Je voudrais savoir ceci pour eviter de faire une feuille de style trop longue, et donc éviter de m'y perdre

D'avance merci.
Modifié par ganou66 (25 Mar 2005 - 14:06)

si tu fais en php (par exmeple) tu pourrais faire une page

style.php

<?php

   include('structure.css');
   include('texte.css');
   include('image.css');
?>

puis dans ton head tu déclare :

<link href="style.php" rel="stylesheet" type="text/css" />

merci pour ta reponse

donc j'en deduis que c'est possible. C'est vrai que les inclure en php rend la chose simple a mettre en oeuvre.

Merci encore

Les solutions ne manquent pas.

Tu peux effecitvement passer par une CCS PHP, comme l'a décrit nemohp. Attention cependant à ce que le fichier résultat (avec son extension php) ait bien le bon type de contenu, par exemple à l'aide de

header('Content-Type: text/css');

Mais tu peux aussi bien gérer les différents morceaux de ta feuille de style sans PHP, avec @import :

<link href="style.css"  rel="stylesheet" type="text/
css" />

et dans style.css:

@import url("structure.css");
@import url("texte.css'");
@import url("image.css");

Pourquoi utiliser du PHP ?????
Par ailleurs, avec cette méthode, il faudrait déclarer un header renvoyant le bon type mime.

Tu peux le faire via CSS directement
Une feuille de style principale

@import url(structure.css);
@import url(textes.css);
@import url(images.css);

body
{
 bla bla
}

foo
{
bar: foo;
}

Et tu l'appel dans ta page HTML via :

<link rel="stylesheet" type="text/css" href="style.css" media="screen" title="Style par défaut" />

ou bien

<style type="text/css" media="screen">
@import url(style.css);
</style>

Tout simplement

<edit> Grillé </edit>
Modifié par Olivier (25 Mar 2005 - 13:38)

lol

merci pour toutes vos réponses

effectivement, comme je me suis imprimé un petit fascicule de 250 pages sur les CSS2, je vais utiliser les @import pour rester dans le Style.

encore merci a tous

en n'oubliant pas de préciser que la solution que présente ganou66 lui même au début du post est tout à fait correcte.

En effet clb56, tu fais bien de le préciser
ganou66, il ne te reste plus qu'à ajouter un petit au titre de ton sujet