Problème site

Résolu/Fermé
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 - 4 mai 2010 à 18:49
 NarutoKyuubi - 6 mai 2010 à 17:11
Bonjour !
J'ai créée il y a peu un site en HTML et en CSS mais j'ai un problème :
-Sous Firefox, le site bug (écriture en noir, non affichage des puces...)
Quand je l'héberge sur un hebergeur, les images du site ne s'affichent pas.
Merci d'avance de m'aider.

A voir également:

8 réponses

NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 18:56
S'il vous plait !
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
4 mai 2010 à 19:04
prend ton temps.... il faut au moins 5 minutes pour rédiger une réponse !!
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
Modifié par vin_c le 4/05/2010 à 19:01
Bonjour,

Tu peux utiliser Firefox + Module Firebug pour débugger ta page en CSS (Firebug ajoute un petit icone en forme d'insecte en bas à droite de Firefox)

-> Pratique pour faire des modifications en temps réel sur ton site (offline) puis copier/coller ces modifs sur la feuille de style pour les valider !

Bien faire attention de manière générale aux chemins des fichiers (pour les images et aussi pour le CSS)
Dans ton fichier html, comment as-tu appelé ta css ? <link rel=stylesheet .....???>

Au plaisir

PS : copier / coller de l'entête html : entre <head> et </head>
et aussi copier /coller de l'insertion d'une image : <img src="...".... />
0
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 19:06
Merci beaucoup de ta réponse.
Ma CSS, je l'ai appelé <link rel="stylesheet" media="screen" type="text/css" title="Design" href="Design.css" />
Et pour l'entête, je l'ai mis dans le fichier CSS.
0
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 19:11
Et au fait, le module Firebug ne change rien ! :s
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
4 mai 2010 à 19:18
je n'ai pas dis qu'il changait quelque chose, mais il te permet de modifier la CSS en direct pour voir quelle option peut faire varier quoi...

Sinon as-tu l'adresse de ton site en ligne pour que je puisse le voir et te dire ce qui ne va pas
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 19:33
Euh bah, j'ai supprimé mon compte (c'était sur olympe network) mais attends, je vas réhéberger mon site.
0
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 19:35
Voila le lien :
http://kh3limit.olympe-network.com/
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
4 mai 2010 à 19:45
pour les images, il faut respecter la casse (majuscules/minuscules)
-> renomme le répertoire "Images" en "images"
0
NarutoKyuubi Messages postés 133 Date d'inscription samedi 23 janvier 2010 Statut Membre Dernière intervention 5 février 2012 15
4 mai 2010 à 19:52
Merci beaucoup pour ca déjà ! Peux tu m'aider aussi pour le problème sur Firefox aussi, s'il te plait ? Et sais-tu comment, quand on va sur mon site on soit automatiquement mis sur l'accueil au lieu de la liste des fichiers ?
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
Modifié par vin_c le 4/05/2010 à 19:58
Tout dépend de la solution de ton hébergeur, mais généralement, le fichier appelé par défaut doit s'appeler "index.html" donc renomme accueil.html...

EDIT : penses à modifier les autres pages pour que le lien soit index.html ou plus généralement href="/" (racine du site...)

Pour le texte, il n'y a pas de style défini pour les balises <p>, le texte s'affiche donc en noir...
Pour faire afficher le texte différemment créé un style :

p {color:black;}
idem pour h1, h2...

Sinon plus généralement, ajoute à ta directive body la couleur demandée :
body {
background-image:url(images/wp3-2.jpg);
margin:20px auto;
width:760px;
/* penser à modifier la couleur */
color:green;
}
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
4 mai 2010 à 20:01
pour répondre de manière générale :
Windows s'en fou pas mal de la casse (MAJ/min), mais pas les serveurs Linux qui hébergent les principaux sites.

-> donc limiter au maximum l'utilisation de majuscules pour un site internet

Le fichier appelé dans un répertoire est le fichier index.htm ou index.html ou start.html... (généralement l'hébergeur doit indiquer ca quelque part...)

Astuce : pour éviter le listing du répertoire /images par exemple, placer un fichier index.html vide (ou avec une redirection vers /)
0
vin_c Messages postés 23 Date d'inscription mardi 4 mai 2010 Statut Membre Dernière intervention 7 mai 2010 3
Modifié par vin_c le 4/05/2010 à 20:12
pour les listes à puce : ajoutes li pour que ce soit sur la puce
.element_menu ul li
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
...
}

oups en fait c'est juste une accolade qui n'est pas fermée juste avant ".element_menu h3"
0
NarutoKyuubi
6 mai 2010 à 17:11
Merci beaucoup !
0