Xhtml / Css

Résolu/Fermé
ludo1325 Messages postés 149 Date d'inscription samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 - 25 juil. 2011 à 13:35
ludo1325 Messages postés 149 Date d'inscription samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 - 26 juil. 2011 à 12:47
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 mercredi 20 mai 2009 Statut Membre Dernière intervention 11 avril 2012 11
25 juil. 2011 à 13:45
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 samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
25 juil. 2011 à 13:50
<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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 13:56
si ses sa que tu devrais mettre
body
{
background-color: grey;
}
0
letesteurfous Messages postés 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 13:57
j'espere t'avoir aide
0

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

Posez votre question
letesteurfous Messages postés 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 13:59
sinon va sur le site du zero ses la que j'ai appris
0
ludo1325 Messages postés 149 Date d'inscription samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
25 juil. 2011 à 14:01
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 mercredi 20 mai 2009 Statut Membre Dernière intervention 11 avril 2012 11
Modifié par poukkid le 25/07/2011 à 14:04
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 dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
Modifié par Nyctaclope le 25/07/2011 à 14:09
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 samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
25 juil. 2011 à 14:19
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:27
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:29
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 samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
25 juil. 2011 à 14:32
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:36
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:38
#corps
{
(ta config et en dessous)
}


#corps class
{
background-color: grey
}
0
ludo1325 Messages postés 149 Date d'inscription samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
Modifié par ludo1325 le 25/07/2011 à 14:41
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:42
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 128 Date d'inscription mercredi 20 juillet 2011 Statut Membre Dernière intervention 30 novembre 2011 12
25 juil. 2011 à 14:46
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
25 juil. 2011 à 15:20
oui, cela vaut mieux
0
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
25 juil. 2011 à 15:16
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 samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
26 juil. 2011 à 00:08
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 dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 250
26 juil. 2011 à 11:00
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 samedi 27 juin 2009 Statut Membre Dernière intervention 23 juin 2015 33
26 juil. 2011 à 12:47
Merci,
a une prochaine fois ;)
0