Partage
  • Partager sur Facebook
  • Partager sur Twitter

[CSS] Fichier MEDIA QUERIES non trouvé sur CHROME

1 décembre 2021 à 18:03:58

Bonjour,

je suis actuellement sur le P2 responsive design, du cours de dévellopeur WEB et j'ai un souci, mon fichier est introuvable par Chrome.

MON LIEN DANS LE BLOC HEAD EST:

<linkrel="stylesheet"media="screen and (max-width: 660px)"href="resolutiontelephone.css" />

Mon CSS EST:

@media screen and (max-width: 660px)
{


{border: 1px solid violet;}
#header{width: 640px;
    font-size: 10px;}

Tout fonctionne correctemment pour ma page en 992px mais ma console dit: Failed to load resource: net::ERR_FILE_NOT_FOUND

concernant le nom de mon lien qui est "resolutiontelephone.css"; si QUELQU'UN A UNE PETITE SOLUTION, MERCI D AVANCE

  • Partager sur Facebook
  • Partager sur Twitter
1 décembre 2021 à 18:27:16

bonsoir,

attention il manque beaucoup d'espaces entre les mots, il faut écrire :

<link rel="stylesheet" media="screen and (max-width: 660px)" href="resolutiontelephone.css" />


un conseil : toujours passer ses codes aux validateurs pour corriger les erreurs avant toute chose  

CSS : https://jigsaw.w3.org/css-validator/

HTML : https://validator.w3.org/

Voilà qui résout 99% des problèmes... et permet d'apprendre

-
Edité par ChrisLebure 1 décembre 2021 à 18:40:46

  • Partager sur Facebook
  • Partager sur Twitter
1 décembre 2021 à 20:33:37

Bonjour, merci de respecter la demande de la modération concernant le changement de titre de votre premier sujet.

Merci de lire les règles du forum (lien en fin de message)

Pour poster du code, ce que demande ma collègue lamecarlate, utiliser le bouton code du forum. En image cela donne : 

Si le fichier n'est pas charger c'est qu'il n'est pas la ou vous l'indiquer, quelle est la hiérarchie de vos fichiers? comment se nomme exactement le fichier que vous voulez lier?

Doublon

Les doublons nuisent au bon fonctionnement du forum et sont donc interdits. Si vous vous êtes trompé de section, il suffit de signaler votre sujet au staff pour qu'il le déplace au bon endroit.

Je vous invite à continuer la discussion sur l'autre sujet : https://openclassrooms.com/forum/sujet/compatibilite-9

La modération

Liens conseillés

Je ferme ce sujet. 

  • Partager sur Facebook
  • Partager sur Twitter