Coucou.
Une chose étrange que j'ai remarqué : lorsque j'intègre 2 feuilles de styles sur une seule page HTML, c'est celle qui vient en premier qui est interprétée, puis la seconde ne donne aucun résultat.
En revanche si j'utilise un @import url dans une feuille de style qui pointe vers l'autre, la totalité est interprétée.
Si quelqu'un saurait me dire d'où vient le problème...
Puis la deuxième :
Et enfin la page HTML :
Ici on voit bien la balise link :
C'est CONNEXIONM.css seulement qui est interprété ici... en revanche si j'inverse l'ordre, c'est FORUM.css seulement qui est interprété.
C'est la première fois que j'ai ce problème...
Une chose étrange que j'ai remarqué : lorsque j'intègre 2 feuilles de styles sur une seule page HTML, c'est celle qui vient en premier qui est interprétée, puis la seconde ne donne aucun résultat.
En revanche si j'utilise un @import url dans une feuille de style qui pointe vers l'autre, la totalité est interprétée.
Si quelqu'un saurait me dire d'où vient le problème...
/*######################################################
>>> Design Defaut : Forum FORUM.CSS
######################################################*/
/*
Cette feuille de style traite toute la partie forum
*/
/*@import url("CONNEXIONM.css"); */
body
{
width : 80%;
margin : auto;
font-family: Arial;
}
/*********************************************************************************
[+] ZONEACTION (à mettre dans une feuille de style à part)
######################################################*/
.ZONEACTION
{
}
.ZONEACTION_action
{
}
/*********************************************************************************
[+] ZONEMESSAGE
######################################################*/
/*
Partie qui affiche la totalité du message : pseudo, image, message, date, etc.
*/
.ZONEMESSAGE
{
float: left;
border : 1px solid black ;
margin : 5px;
padding : 0px;
width : 99%;
font-family: Arial;
}
/***************************************
#> Barre de titre
****************************************
Contient : Titre du message, date de postage
*/
.ZONEMESSAGE_barreTitre
{
border : 1px solid black;
margin : 5px;
padding: 1px;
background-color: rgb(232,239,185);
color: white;
text-align: center;
}
.ZONEMESSAGE_barreTitre h1
{
display : inline;
text-align: center;
color: rgb(204,153,72);
font-size: 10pt;
}
/***************************************
#> Message
****************************************
Contient mise en forme d'un message
*/
.ZONEMESSAGE_message
{
margin : 5px;
padding : 3px;
background-color: white;
font-size: 10pt;
}
/***************************************
#> Date
****************************************
*/
.ZONEMESSAGE_date
{
font-size: 10pt;
}
/*********************************************************************************
[+] ZONEMEMBRE
######################################################*/
.ZONEMEMBRE
{
float: left;
padding: 5px;
margin : 5px;
width: 110px;
border-right: 1px solid black ;
}
.ZONEMEMBRE_pseudo
{
font-size: 8pt;
}
a.ZONEMEMBRE_pseudo
{
}
img.ZONEMEMBRE_avatar
{
margin-top : 5px;
border: 1px solid black;
}
.ZONEMEMBRE_citation
{
}
.ZONEMEMBRE_groupe
{
}Puis la deuxième :
/*######################################################
>>> Design Defaut : Module connexion membre CONNEXIONM.css
######################################################*/
/*
Cette feuille de style traite toute le module de connexion
*/
.ca
{
border: 1px solid black;
}Et enfin la page HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Afficher contenu du topic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CONNEXION" href="CONNEXIONM.css" />
<link rel="stylesheet" media="screen" type="text/css" title="FORUM" href="FORUM.css" />
</head>
<body>
<p class="MESSAGES_BARRE_MENU">
<a href="tchat-affichageDesSujets.php">Affichage des sujets</a> -
<a href="/tchat/tchat-affichageDuTopic.php?topic_numero=7">Rafraichir</a>
</p>
<div class="ca">
<p>Vous êtes connecté !!</p>
<p><a href="tchat-affichageDesSujets.php?SESSION_deconnecter=oui">Déconnecter</a></p>
</div>
<h1><On se calme></h1>
<p class="pagination">Page : <a href="tchat-affichageDuTopic.php?topic_numero=7&page=1">1</a></p>
<div class="ZONEMESSAGE">
<div class="ZONEMESSAGE_barreTitre">
<h1>Salut</h1>
</div>
<div class="ZONEMEMBRE">
<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
<img class="ZONEMEMBRE_avatar" src="toto.jpg" />
</div>
<p class="ZONEMESSAGE_message">oui</p>
</div>
<div class="ZONEMESSAGE">
<div class="ZONEMESSAGE_barreTitre">
<h1>On se calme</h1>
</div>
<div class="ZONEMEMBRE">
<em class="ZONEMEMBRE_pseudo"><a href="#">NiRaDo</a></em>
<img class="ZONEMEMBRE_avatar" src="toto.jpg" />
</div>
<p class="ZONEMESSAGE_message">
Un ptit sujet
</p>
</div>
<p class="pagination">Page :<a href="tchat-affichageDuTopic.php?topic_numero=7&page=1">1</a>
</p> </body>
</html>Ici on voit bien la balise link :
<link rel="stylesheet" media="screen" type="text/css" title="CONNEXION" href="CONNEXIONM.css" />
<link rel="stylesheet" media="screen" type="text/css" title="FORUM" href="FORUM.css" />C'est CONNEXIONM.css seulement qui est interprété ici... en revanche si j'inverse l'ordre, c'est FORUM.css seulement qui est interprété.
C'est la première fois que j'ai ce problème...