Affichage style.css multiples?

Version imprimable

27/11/2008, 23h53
asvin

Affichage style.css multiples?
Bonjour,

J'essais de mettre du style dans mes pages php via une page style.css. Je sélectionne le style voulu avec la commande id. Mes styles fonctionnent bien et tout, mais j'ai des problèmes d'affichage avec plusieurs styles au sein d'une même page.

Voilà clairement mon problème:

Toutes mes pages sont affiche par un template que j'appelle a chaque fin e mes pages php. Dans la balise <body> de mon template, j'ai insérer un style pour l'afficahge de ma page

Code:

<body id="styleAffichage">

Mon styleAffichage =
Code:

1 2 3 4 5 #styleAffichage { background-color:#000000; color:#FFFFFF; }
Ensuite, dans une page php, j'ai un tableau ou j'ai insérer du style
Code:

1 2 $tablemovies = "<table border=\"10\" align=\"center\" bordercolor=\"#000000\" bgcolor=\"#FFFFFF\" id=\"blackfontcolor\">
Mon blackfontcolor =
Code:

1 2 3 4 #blackfontcolor { color:#000000; }
Séparément les 2 fonctionnes parfaitement, mais les 2 ensemble, mon styleaffichage a priorité. Donc, toutes mon affichage devient illisible!! J'ignore pourquoi un a priorité sur lautre, si quelqu'un a une solution a mon problème a fin que peut importe le nombre de id différent dans ma page, que tous et chacun saffiche correctement!! Merci de votre aide!!

Bonjour,

Evidemment la feuille de style a priorité sur les attributs HTML, pourquoi ne pas tout mettre dans ta css ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #styleAffichage { background-color:#000000; color:#FFFFFF; } /* Ci-dessous style plus spécifique donc prioritaire sur le précédent */ #styleAffichage #blackfontcolor { border:1p solid #000; border-collapse: collapse; background-color: #fff; }
Cette discussion a été placée dans le Forum CSS.

28/11/2008, 09h24
Bisûnûrs

Je n'ai aucun problème avec ce code, as-tu une page en ligne ? Tu dois avoir autre chose qui entre en conflit.

Bonjour,

Voila, j'ai resolu mon problème, voici la solution que j'ai trouvé, cependant que je comprend pourquoi de cette facon sa fonctionne?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<body>
    <div id="styleAffichage">
        <!--Section pour l'affichage du menu style="background-color:black;"-->
        <ul id="menu">
	<li><a href="#" target="_self" title="sample">Accueil</a></li>
	<li><a href="#" target="_self" title="sample">Films</a></li>
	<li><a href="#" target="_self" title="sample">Vidéothèque</a></li>
	<li><a href="#" target="_self" title="sample">Profil</a></li>
	<li><a href="#" target="_self" title="sample">sample</a></li>
        </ul>
 
        <!--Section pour l'affichage Déconnection usager-->
 
	<!--Section pour l'affichage Principale-->
 
        <div>
 
            <?php echo $MainPage ?>
 
        </div>
 
        <!--Section pour l'affichage du menu style="background-color:black;"-->
        <hr>
        <ul id="menu">
	<li><a href="#" target="_self" title="sample">Accueil</a></li>
	<li><a href="#" target="_self" title="sample">Films</a></li>
	<li><a href="#" target="_self" title="sample">Vidéothèque</a></li>
	<li><a href="#" target="_self" title="sample">Profil</a></li>
	<li><a href="#" target="_self" title="sample">sample</a></li>
        </ul>
 
    </div>    
</body>

Voici mon template, la seule chose que j'ai changé, ce sont l'emplacement de mes id que j'ai inséré dans des balises DIV au lieu de BODY. Si quelqu'un aurait la réponse du pourquoi dans les balises DIV les styles perdent leur priorité absolu, je suis preneur!!

Merci de votre aide et bonne journée!!! :salut: