Mon CSS ne s'applique pas !

Résolu/Fermé

Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020 - 27 mars 2020 à 00:15
Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020 - 29 mars 2020 à 13:39

Bonjour,
J'ai vu de nombreux messages qui posaient cette question mais jamais aucun dans le même cas que moi
Mon code HTML va très bien, il s'affiche sur mon navigateur et tout, mais le CSS ne s'y applique pas !!
Voici mon code HTML :

Puis mon code CSS :

Je ne comprends pas pourquoi mon texte reste en noir ._____.

Merci d'avance pour vos réponses !! :)

Configuration: Windows / Chrome 80.0.3987.149

A voir également:

3 réponses

Réponse 1 / 3

Onzen
Modifié le 27 mars 2020 à 00:50

Salut, votre CSS est tout simplement faux.
Vous pouvez ouvrir la console du navigateur pour voir les erreurs.
Plutôt que d'inventer vous devriez consulter le manuel:

https://www.w3schools.com/colors/colors_rgb.asp

D'ailleurs comme pour toute propriété CSS le séparateur(interne) doit être une virgule (ou un espace) et aucune ne contient un nom de valeur avec un symbole "=".
Cela aurait déjà du vous mettre la puce à l'oreille.
Vous confondez avec de la programmation il me semble et des variables ce dont n'est pas capable CSS qui est un langage descriptif.

p{color:rgb(10,10,10);background-color: rgba(255,255,0,0.5);}

Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020
27 mars 2020 à 00:52

Là non-plus cela ne fonctionne pas

Réponse 2 / 3

Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020
27 mars 2020 à 00:46

En fait j'ai changé parce-qu'au départ j'avais mis "color : blue;" mais ça ne marchait pas non-plus

Onzen
Modifié le 27 mars 2020 à 01:23

Avez vous vérifier que le fichier est au bon endroit? même nom etc...
Que vous ayez changer pour mettre une erreur n'est pas quelque chose qui fera marcher mieux votre CSS...
Qu'affiche la console du navigateur: onglet CSS (ou simplement si il y a un fichier manquant cela devrait être indiqué).

De plus votre HTML es truffé d'erreurs.
Toute la mise en page doit-être faite en CSS.
Donc à supprimer les balises center et attribut background.
Indication ici:
https://www.w3schools.com/tags/tag_center.asp

Idem pour les br à répétition, en ajustant les marges vous obtiendrez quelque chose de plus facilement écrit, et facile à lire et gardez le HTML et sa mise en page séparé.

ps: à l'avenir pour publier votre code copiez collez en utilisant les balises de code(en haut de la fenêtre de texte) plutôt qu'une image. C'est plus clair et facile à voir qu'une image qui ne peut pas non plus être copié collé pour éventuels tests.

Onzen > Onzen
27 mars 2020 à 01:25

Sinon comme ceci ça donne quoi?

 <link rel="stylesheet" type="text/css" href="style.css">

Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020 > Onzen
27 mars 2020 à 04:06

ça ne marche toujours pas ):

Onzen > Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020
27 mars 2020 à 14:22

Quelle erreur est affichée?
Sans regarder l'erreur vous perdez du temps, ce qui est indiqué dans la console vous aidera à savoir ce qu'il faut corriger.

Si ça ne marche pas (et que votre CSS est correct) c'est que le fichier est au mauvais endroit(voir URL) ou mal nommé ce qui revient au même.
Sinon mettez ici votre CSS complet pour voir ce qui ne va pas(en utilisant la balise indiquée).

J'ai déjà dit cela dans ma 1ère réponse, il faut quand même agir sinon rien ne changera...

Si vous ne savez pas ouvrir la console du navigateur vous pouvez voir ici (pour Firefox, pour Chrome ou autre je vous laisse chercher - évitez quand même d'utiliser Edge/Internet Explorer):

https://developer.mozilla.org/fr/docs/Outils/Console_Web/Opening_the_Web_Console

Onzen > Onzen
27 mars 2020 à 14:29

vous pouvez aussi essayer avec la règle @import mais je pense plutôt pour une erreur de votre part(que vous n'indiquez pas) plutôt qu'un probléme de compatibilité nécessiant d'inclure un fichier CSS avec @import

Une façon simple de tester le CSS est simplement de l'inclure directement dans la page par l'une des méthodes possibles(avec la balise style, avec l'attribut style).

Le mieux que vous ayez à faire c'est aussi de vous tourner vers votre cours de CSS débutant si vous n'arrivez pas çà inclure une feuille de style à votre page ou éventuellement aller voir un autre cours/tuto si celui que vous pratiquez ne vous convient pas.

Bonne chance mais comme déjà dit si vous avez une erreur la première chose à faire c'est de regarder quelle est-elle: même sans erreur il est toujours utile d'utiliser la console.

Réponse 3 / 3

declique69 Messages postés 14 Date d'inscription mardi 17 mai 2016 Statut Membre Dernière intervention 4 mai 2020 2
Modifié le 29 mars 2020 à 13:25

Dans le html je ne vois aucune balise P
Il parait donc normal que les styles appliqués sur P ne marchent pas.

Il y a des quantités d'autres problèmes. Le mieux est d'abord de valider le code HTML avec un outil comme celui-ci : https://validator.w3.org/

Et ensuite de respecter les syntaxes du css. Un exemple de site sur le css : http://stylescss.free.fr/index.php#index-families Le CSS peut être validé lui aussi. Tant que la syntaxe n'est pas correcte, inutile de chercher des réponses sur les forums.

Dayazell Messages postés 6 Date d'inscription samedi 9 juin 2018 Statut Membre Dernière intervention 29 mars 2020
29 mars 2020 à 13:39

Si il y a une balise p xD vous avez dû la rater
Merci beaucoup quand-même, je vais aller voir sur votre site

Discussions similaires

Aligner trois images horizontalement

Séparer les codes CSS, HTML et JS qui se trouvent dans un fichier .html

un tableau html sans css

Mettre mon loader seulement pour charger ma page

"L'archive n'a pas pu être installée. Il manque le fichier style.css à ce

Barre de recherche en html externe