Mon Css n'est pas pris en compte quand je mets mon site en ligne

Fermé

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018 - 30 avril 2017 à 19:15
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 1 mai 2017 à 17:50

Bonjour,

J'aurais besoin de votre aide en faite je suis entrain de crée un site internet pour une amis et qui me sert de projet aussi pour mes cours.
voila j'ai fait ma page mais le problème quand je mets mon site via Hostinger et filezila et que je tape le liens de mon site ma page s'affiche avec toute les rubrique mais pas avec le fond css.
c'est une catastrophe

Merci a vous

A voir également:

Css non pris en compte
Créer un compte google - Guide
Créer un compte gmail - Guide
Supprimer compte instagram - Guide
Comment savoir qui regarde mon compte facebook - Guide
Créer un compte torrent9 - Forum Téléchargement

4 réponses

Réponse 1 / 4

Shirot<' Messages postés 2 Date d'inscription mercredi 25 janvier 2017 Statut Membre Dernière intervention 30 avril 2017
30 avril 2017 à 19:17

Bonsoir

Tu es sur que tu ne t'ai pas trompé au niveau du lien lorsque tu fais ton <link pour include les fichiers CSS ? Est-ce que tes fichiers CSS sont bien dans le bon dossier ?

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
30 avril 2017 à 19:24

Oui enfin je ne suis pas experte j'ai eu peu de base acquisse en cours , je pense que tout et bien car je vais sur mon site sans passer par hostinger et filezila le fond css s'affiche bien mais quand je veux le mettre en ligne bas ya pratiquement rien

Réponse 2 / 4

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
Modifié le 30 avril 2017 à 22:50

Salut,
1/ Quelle URL ton site ?
2/ ma page s'affiche avec toute les rubrique mais pas avec le fond css. Tu veux dire que l'image de fond ne s'affiche pas ? Ce n'est pas nécessairement dû à CSS, l'image est-elle bien chargée à l'emplacement défini dans CSS ?

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
Modifié le 1 mai 2017 à 11:09

L'url : https://www.hostinger.fr/free-eol?utm_source=fri&utm_medium=www&utm_campaign=free_eol

en faite c'est pas une image c'est un fond que j'ai télécharger et en suite j'ai repris le code css que j'ai remis dans une pages de css et j'ai mi le liens de la page css dans ma page html.

Réponse 3 / 4

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
1 mai 2017 à 10:44

Bonjour

si après avoir tout vérifié, ton code est bon, essaye de tapoter la touche f5 pour rafraîchir la page et mettre à jour le cache de ton navigateur

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
1 mai 2017 à 11:06

La page est toujours au même point après avoir fait la touche f5

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325 > Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
1 mai 2017 à 11:29

vérifie ton code des css et de page pour voir si les liens snt bons, mets des liens absolus ( qui commencent par http//www.ton site) au lieu de liens relatifs

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
1 mai 2017 à 11:34

je viens de modifier mon code dans ma page html et ça fonctionne bien mais il me reste toujours un problème je ne sais pas pourquoi mes deux petits carrée blanc non pas etais pris en compte.

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876 > Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
1 mai 2017 à 15:33

Qu'est-ce que tu appelles mes deux petits carrée blanc ?

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018 > telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024
1 mai 2017 à 17:20

Deux blocs au plusieurs blocs blanc dans le quel je peu mettre des photos par exemple de dans

Réponse 4 / 4

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
1 mai 2017 à 17:22

je suppose que tu débutes dans le codage car ton code est truffé d'erreur en tout genres avec des balises head et body non fermées, des balises font un peu partout, des liens redirigeant vers ton ordinateur bref tout est a reprendre avant d'aller plus loin voir si tu est pressée d'utiliser un cms comme wordpress

Chll03 Messages postés 12 Date d'inscription samedi 21 novembre 2015 Statut Membre Dernière intervention 28 juin 2018
1 mai 2017 à 17:25

Ok D'accord je vais essayer de revoir la , je suis un peu déçus je penser que cetais bon en pensant que mon site aller ressembler exactement à ce que j'avais fait

il fonctionne car les navigateurs interprètent plus ou moins ton code et passent outre les erreurs mais a terme tu risques d'avoir des déconvenues car l'interprétation peut changer ou même varier selon les navigateurs
voila un code plus conforme

<!DOCTYPE html>
<html>
    <head>
 <title> le titre de ta page  </title>
 <meta name="description" content=" description de ta page" />
      
        <link rel="stylesheet" href="style.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
 <h1>Les poupées d'Elfinat  </h1> 

 <h3> Les poupées d'Elfinat </h3> 


<p> texte de présentation</p>
  
  <div class="main">
  <nav class="block full">
    <ul>
      <li><a href="#" rel="nofollow noopener noreferrer" target="_blank">Menu</a></li>
      <li><a href="/lesfilles.html" rel="nofollow noopener noreferrer" target="_blank">Les Filles</a></li>
      <li><a href="#" rel="nofollow noopener noreferrer" target="_blank">Les Garcons</a></li>
      <li><a href="#" rel="nofollow noopener noreferrer" target="_blank">Disney</a></li>
      <li><a href="#" rel="nofollow noopener noreferrer" target="_blank">Contact</a></li>
    </ul>
  </nav>
</div>
  
<div id="pblock">
 
    <h3>Mes poupées</h3>
 
</div>
</body>
</html>

pour les titres, il faut renseigner les couleurs, le fond et ce que tu veux directement dans els css

par exemple sans rien préciser pour ceux qui sont directement dans le body et en précisant l'id ou la classe pour les autres

 h1 {
color:#000;
}
h3 {
color:#000;
}

#pblock h3 {
color:#e1e1e1;
}

PS: le rel="nofollow noopener noreferrer" dans les liens est ajouté par le forum, tu ne dois pas le mettre dans ton code

Discussions similaires

Cliquer sur un bouton pour faire apparaitre un paragraphe/image

Faire sauter 2 lignes avec br (CSS)

texte qui s'affiche au survol de la souris

mettre image sur toute la largeur du site

adapter la largeur d'une image à la taille de l'écran

Faire une barre horizontale de navigation