Xhtml / Css

Résolu
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   -  
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Voilà mon problème est au niveaux des "class" quand je les les mes dans mon fichier html puis modifie par exemple la couleur de fond dans mon css, sa ne s'applique pas.

Code xhtml:
 <p class="site"><strong>Développement du site web:</strong> <br /> 
	      Le site est en cours de développement ...............</p>


css:
.site
{
background-color: #777777;
}


Voilà si quelqu'un peut m'aider ou a la solution je vous remercie d'avance.

19 réponses

poukkid Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   11
 
salut,
a moins que je sois aveugle, je ne vois pas d'erreur dans ton code pour l'instant.
Comment appelles-tu le fichier css depuis ton fichier html? peux tu rajouter cette ligne de code, voire tout le code de ta page html?
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
<link rel="stylesheet" media="screen" type="text/css" title="StyleFull" href="css\style.css" />

Mon fichier css s'appel style.css et ce trouve dans un dossier css
Ce que je trouve bizarre c'est que quand je mes par exemple le font a la balise
du paragraphe "p" sa fonctionne pour tous les paragraphe mes des que je mes une classe sa ne marche pas.

Je te remercie de ton aide ^^"
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
si ses sa que tu devrais mettre
body
{
background-color: grey;
}
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
j'espere t'avoir aide
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
sinon va sur le site du zero ses la que j'ai appris
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Merci de tes réponse letesteurfous mais non je ne veux pas colorer toute la page, je voudrais juste mettre le fond de 1 seul paragraphe en gris, moi aussi j'apprend sur le site du zero mais moi les class ne fonctionne pas :/ je trouve sa bizarre.
0
poukkid Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   11
 
ca marche chez moi avec ton code, excepté un détail :

j'ai du remplacer
 href="css\style.css" /> 

par
href="css/style.css" />


si ca ne marche pas, essaye de déplacer le .css dans le meme répertoire que le .xhtml et d'enlever l'adressage par dossier pour voir si cela vient bien de là.
(je dis ca parce que ca me parait bizarre que ca fonctionne pour les balises p)

je te mets en copie les deux fichier tirés des tiens que j'utilise :

<html>   
<head>   
<link rel="stylesheet" media="screen" type="text/css" title="StyleFull" href="css/style.css" />    
</head>   
<body>   
<p class="site"><strong>Developpement du site web:</strong> <br />    
       Le site est en cours de developpement ...............</p>   
</body>   
</html>



.site   
{   
background-color: #777777;   
}
0
Nyctaclope Messages postés 5315 Date d'inscription   Statut Membre Dernière intervention   1 253
 
Bonjour

Sauf erreur de ma part, les slash doivent être des slash "normaux" : "/" dans ton href="css\style.css"

Et essaye d'indiquer le chemin complet de ton dossier css depuis la racine de ton site, genre href="/dossier/dossier/css/style.css"

Il me semble que l'erreur est là

A+
Nyctaclope

Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Merci pour l'erreur des "/" je les est corriger mais sa ne fonctionne toujours pas :/

Ni avec ton script poukkid ni avec le changement de chemin nyctaclope

Je vous remercie de votre aide et je trouve sa vraiment très bizarre car sa ne marche ni sur google chrome ni sur mozilla.
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
les anti slash ses un truck pour te souller change les tous et tien si ti tien fait s adans ton fichier html (et ton fichhier css tu l'enregistre en design.css)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>CoteGamer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mécanique" href="design.css" />
</head>
</html>


le fichier css tu mais un truck commme sa
body
{
width: 873px;
margin: auto;
margin-bottom: 40px;
background-color: grey;
color: grey;
}


ses juste la page sa

alors heureux
oui tres heureux^^
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
tu peux changer le titre (cotegamer car ses a moi)
et le link avec mecanique tu le sup stp
apres sa devrer marcher au pire jtenvois un fichier configurer
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Non mais ta pas compris je cherche pas a modifier des truc comme sa mais juste 1 éléments de la balise "p" le fond en faite je voudrais le mettre en gris foncé mais j'ai ajouter une "class" car je voudrais que sa ne s'applique que a mon premier paragraphe mais une fois que j'ai tous fait bah sa ne marche pas :x
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
ab dans ton dossier css tu va dans #corps class (ou faity en un)(en dessou de #corps)
et tu mais attend sa sera mieux comme sa

#corps class
{
background-color: #626262;
}

voila sa devrait marcher
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
#corps
{
(ta config et en dessous)
}


#corps class
{
background-color: grey
}
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Rien compris, moi je voudrais juste dans mon fichier style.css faire

.nom de la classe
{
Sa config ;
}

Mais quand je test avec les navigateur sa marche pas.
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
ta enregistre et tu la mis dans corps
qui est le corp du centre au pire ta skype jte montre par partage
0
letesteurfous Messages postés 129 Date d'inscription   Statut Membre Dernière intervention   12
 
Bon en faite sa marche pas avec moi aussi j'peux soite tout mettre
soite justele titre mais pas les paragraphe
Bon moi jte laisse
0
La Vache Qui Rue
 
oui, cela vaut mieux
0
Nyctaclope Messages postés 5315 Date d'inscription   Statut Membre Dernière intervention   1 253
 
Re

Je ne suis pas spécialiste, loin de là, mais j'aurais écrit que l'élément "p" était défini comme l'élément p d'une classe donnée d'un élément de niveau supérieur

Par exemple , inclure ton <p> sans class dans une div de classe site, pour laquelle tu as défini le style du p :

<div class="site">

<p><strong>Developpement du site web:</strong> <br />
Le site est en cours de developpement ...............</p>

</div>

et pour la définition du style du "p" dans la classe site :

.site p
{
background-color: #777777;
}

Et si tu veux réserver ce style au premier "p" de la div, il existe des pseudo classes pour cela avec le mot clé "first", mais là je ne suis pas à l'aise ...

Peut être ton <p> est-il déjà inclus dans un élément dont la classe est prioritaire pour la définition de l'élément p ?

Si ton site est visible depuis ici, peux tu donner son url pour qu'on y jette un oeil ?

A+
Nyctaclope
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Re,

Je te remercie beaucoup Nyctaclope ta technique fonctionne parfaitement :)
Malheureusement je développe le site en local pour le moment comme je suis entrain d'apprendre en même temps sur le site du zero.

Je te remercie encore pour ta solution. :)

Résolu !
0
Nyctaclope Messages postés 5315 Date d'inscription   Statut Membre Dernière intervention   1 253
 
Re

Il y avait des tas d'autres solutions, mais celle-ci me paraissait plus claire ( ? )
Tu peux ainsi créer plusieurs classes, où les styles de p sont différents ...

Bon apprentissage, et peut être à une autre fois ...
A+
Nyctaclope
0
ludo1325 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   33
 
Merci,
a une prochaine fois ;)
0