Posez votre question Signaler

Xhtml / Css [Résolu]

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention - Dernière réponse le 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.

Xhtml / Css »

Suggestions

Xhtml / Css
Télécharger Apprendre XHTML & CSS » Télécharger
Probleme menu horizontal xhtml/css (Résolu) » Forum
XHtml/Css : Enlever le "souligné" d'un l (Résolu) » Forum
Page XHTML/CSS ne fonctionne pas sous firefox (Résolu) » Forum
Aide XHTML/CSS (Espaces) (Résolu) » Forum

Plus

Réponse

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention 25 juil. 2011 à 13:50

Ajouter un commentaire

Réponse

poukkid 96Messages postés 20 mai 2009Date d'inscription 11 avril 2012Dernière intervention 25 juil. 2011 à 14:02

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;   
}

Ajouter un commentaire

Réponse

Nyctaclope 3601Messages postés 6 avril 2008Date d'inscription 30 mai 2012Dernière intervention 25 juil. 2011 à 14:08

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

Ajouter un commentaire

Réponse

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention 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.

Ajouter un commentaire

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 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^^

Ajouter un commentaire - Site web

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 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

Ajouter un commentaire - Site web

Réponse

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention 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

Ajouter un commentaire

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 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

Ajouter un commentaire - Site web

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 25 juil. 2011 à 14:38

#corps
{
(ta config et en dessous)
}

#corps class
{
background-color: grey
}

Ajouter un commentaire - Site web

Réponse

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention 25 juil. 2011 à 14:40

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.

Ajouter un commentaire

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 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

Ajouter un commentaire - Site web

Réponse

letesteurfous 95Messages postés 20 juillet 2011Date d'inscription 1 décembre 2011Dernière intervention 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

Ajouter un commentaire - Site web

La Vache Qui Rue - 25 juil. 2011 à 15:20

oui, cela vaut mieux

Réponse

Nyctaclope 3601Messages postés 6 avril 2008Date d'inscription 30 mai 2012Dernière intervention 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

Ajouter un commentaire

Réponse

ludo1325 102Messages postés 27 juin 2009Date d'inscription 26 avril 2012Dernière intervention 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 !

Ajouter un commentaire

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

ludo1325- 26 juil. 2011 à 12:47

Merci,
a une prochaine fois ;)

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Xhtml / Css [Résolu]

Xhtml / Css »

Passage au tout numérique : quel coût pour les particuliers ?