Discussion :

[awalter1]

Bonjour,
J'ai mis mon site en ligne pour test
Le rendu n'est pas exactement celui en usine.
Le css est exploité car j'ai bien de l'habillage sur certains éléments mais pas tous, j'ai des images qui sont affichées mais pas toutes alors qu'elles sont dans le même sous répertoire, en particulier une image qui constitue le fond de ma page d'accueil et qui ne s'affiche pas.
Mon menu est tout en désordre.

Cela pourrait t'il être dû à des chemins relatifs ou absolus pour atteindre les fichiers : je suis en relatif (mais ça fonctionne pour un) :
Dans css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
#Accueil {
  padding-top: 60px;
  background: url(medias/fond2.jpg) no-repeat fixed 100% 100% alt=image de fond";
 background-size: cover;
  height: 799px;
}

Dans HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

        <a href="#"><img src="medias/galerieAW.JPG" style="border: solid 2px black" alt="carte"></a>

Ces deux précédentes images ne sont pas affichées : j'ai le texte carte qui s'affiche pour la 2ème signifiant qu'il ne l'a pas trouvée, pas de texte pour la première.

Pour la 3ème image qui elle s'affiche bien :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

        <img src="medias/moi-en-peintre.jpg" style="border: solid 2px black" alt="photo du peintre" width="200px">

Comment faut'il procéder? Quelles sont les vérifications basiques à faire?
Je suis dépité car il y a un mois, j'avais mis en ligne une première version qui s'avérait être fidèle à celle d'usine.
Mon site : https://peindreamonampteuil.go.yj.fr/

Merci

[mathieu]

il y a une erreur dans votre code css, la partie "alt = ..." n'est pas valide.
vous pouvez voir cela avec la console de développement de votre navigateur. par exemple avec Firefox, faites Ctrl + Maj + C et cliquez ensuite sur l'élément comme expliqué ici :
https://developer.mozilla.org/fr/docs/Outils/inspecteur

ensuite toujours dans la console de développement, onglet "réseau", vous verrez que l'image "galerieAW.JPG" n'existe pas sur votre serveur. sous linux il faut faire la différence entres minuscules et majuscules.

[awalter1]

Merci , c'est top.

Effectivement. Ouf, ces deux points ont résolus tous les problèmes constatés (je ne vois pas trop le rapport avec mes items de menu en vrac, mais bon tout est correct).
Je peux continuer.

[mathieu]

je n'avais pas vu de souci de menu, peut-être que c'était juste un souci de cache de votre navigateur.

[awalter1]

oui, je vais désactiver le cache par sécurité.

[laurentSc]

il y a une erreur dans votre code css, la partie "alt = ..." n'est pas valide.
vous pouvez voir cela avec la console de développement de votre navigateur. par exemple avec Firefox, faites Ctrl + Maj + C et cliquez ensuite sur l'élément comme expliqué ici :
https://developer.mozilla.org/fr/docs/Outils/inspecteur
.

Ayant aussi des soucis avec des images, j'aimerais comprendre en quoi la partie alt n'est pas valide ici ? D'autre part, la console ne m'a rien appris (mais je la maîtrise mal)

[ddaweb]

Bonjour awalter1,

N'oublie pas de rendre ton site responsive, pour l'instant ce n'est pas le cas
Je vois que tu y travailles.

[awalter1]

Oui en effet , c'est en cours

[NoSmoking]

Bonjour,
il y a quelque chose également à ne pas négliger, c'est la taille des images, exemple :

Image de fond :

Taille	: 6 559,42*Ko (6 716 845*octets)
Dimensions	: 5 184px × 3 888px

c'est du lourd quand même !