28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Ma page xhtml utilise deux feuille de style une pour le design (style.css) et un autre pour le centre de ma page (news.css), voila comment j'ai appellé ces pages:

<link href="style.css" title="design" rel="stylesheet" media="screen" type="text/css" />
<link href="news.css" title="news" rel="stylesheet" media="screen" type="text/css" />


voici mon code xhtml:


<div id="centre">
        <h2 class="editopic"></h2>     
        <div class="edito"> bonjour tout le monde
       
        </div> 
</div>




et voici mon code css: CONTENU DANS LA FEUILLE NEWS.CSS


#centre {
        margin-left:144px ;
        margin-right:144px;
        height: 500px;
}
.editopic {

        background: url(images/19_07.jpg) no-repeat;
                width: 139px;
        height: 13px;
        margin-left: 20px;
        margin-bottom: 0px;
        margin-top: 40px;
}
.edito {
        width: 139px;
        border: 1px dotted black;
        margin-left: 20px;
        margin-top: 0px;
       
}



donc voilà, sous firefox, tout ce que je vois c'est la phrase: bonjour tout le monde comme si la feuille de style news.php n'est pas prise en compte


PAR CONTRE, si je regroupe le code css sur une seule et même page, tout fonctionne.


Donc comment puis-je faire comprendre au code xhtml que la feuille news.css doit aussi servir



Merci d'avance
Modifié par Lune (03 Oct 2006 - 16:42)
Bonjour Lune,

la réponse se trouvait .

a écrit :
Le navigateur n'appliquera simultanément que les feuilles de styles portant le même title que la feuille de style screen par défaut


@+
Administrateur
Hello,

Je me suis permis d'éditer le titre de ton sujet en modifiant "n'ait" en "n'est" et "prise" en "pris".
Modifié par Raphael (03 Oct 2006 - 16:36)