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

Réponse 1 / 19
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
Réponse 2 / 19
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
Réponse 3 / 19
letesteurfous Messages postés 129 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
Réponse 4 / 19
letesteurfous Messages postés 129 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
Réponse 5 / 19
letesteurfous Messages postés 129 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
Réponse 6 / 19
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
Réponse 7 / 19
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
Réponse 8 / 19
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 253
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
Réponse 9 / 19
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
Réponse 10 / 19
letesteurfous Messages postés 129 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
Réponse 11 / 19
letesteurfous Messages postés 129 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
Réponse 12 / 19
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
Réponse 13 / 19
letesteurfous Messages postés 129 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
Réponse 14 / 19
letesteurfous Messages postés 129 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
Réponse 15 / 19
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
Réponse 16 / 19
letesteurfous Messages postés 129 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
Réponse 17 / 19
letesteurfous Messages postés 129 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
Réponse 18 / 19
Nyctaclope Messages postés 5315 Date d'inscription dimanche 6 avril 2008 Statut Membre Dernière intervention 11 décembre 2022 1 253
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
Réponse 19 / 19
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 253
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

Discussions similaires

trait horizontal avec du css
tipi75 -
alainpre -

Bonjour,

Je n'arrive pas à faire un trait horizontal avec du css.

Merci pour votre aide

9 réponses
indice et exposant en css ?
yiv -
Kitkatryne -

Bonjour,

Comment peut on faire pour mettres les indices (en bas de lettre petite taille) et les exposants (en haut de lettre petite taille) ?
Balise xhtml ou style css ?

Je n'aime pas la balise parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi.
Y a t'il d'autres balises html ?

Et en css, quelle classe peut on créer ? Si ça existe....

Namasté
Yv

19 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

Document initial créé par Jean-François Pillou

Par défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none :
Grâce au CSS Grâce au CSS via une classe Grâce au CSS en ligne Notre vidéo

Grâce au CSS Pour ce faire, il suffit de définir le code CSS suivant dans votre code HTML :

a:link
{
text-decoration:none;
}


Notez que la pseudo-classe :link permet de ne cibler que les liens hypertextes () et non les ancres (). Vous pouvez toutefois vous en passer si vo...

0 réponse
Enlever trait sous un lien href
ponpon17430 -
trucmachinchose-rose -

Bonjour,
J'aimerai savoir comment faire pour que mon lien ne soit pas souligné lorsque je fais un href.

Merci

30 réponses
CSS/Comment enlever couleur liens ?
alexou1984 -
Tonio -

Bonjour,

Je ne parvients pas à faire en sorte que les liens de mon site ne soient pas coloriés en violet ou en bleu. J'ai pourtant bien spécifié le code suivant :

a {text-decoration:none}

Je ne comprends pas. Merci d'avance.

6 réponses