Affichage style.css multiples?

**asvin** · 27/11/2008, 23h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<body id="styleAffichage">

Mon styleAffichage =

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Mon blackfontcolor =

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**ThomasR** · 28/11/2008, 09h20

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

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

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

**asvin** · 28/11/2008, 14h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Affichage style.css multiples?

CSS

Discussions similaires

Partager

Partager