problème affichage sur différents navigateurs

Bonsoir
Oulà tu as pas mal d'erreur, il faut penser à passer ton site au validateur W3C

La balise "title" doit se situer uniquement entre les balises "head" et pas ailleurs
La balise "header" comme son l'indique est une entête donc, elle doit être unique "par bloc" (section, arcticle...) or là tu en as 3 dans le même bloc
Le favicon est absent, d'où l'erreur 404
Des positions avec "top: -8000px;", on se croirait dans Astérix, utilise "flex", tu trouveras des exemples un peu partout

oui effectivement ! je viens à peine de regler le problème des images. je n'ai pas changé le chemin de l'image quand je suis passée sur le serveur! quelle honte maintenant cela me paraît logique pour le reste je suis encore dessus ! en tout cas merci pour les indications !! je pense faire nuit blanche afin de résoudre tout mes problèmes( oui j'ai très envie de rejoindre ma formation !! ).
Peux tu me dire sur quel navigateur tu es ? car depuis que j'ai changé mes src tout s'affiche correctement pour moi ( je suis sur chrome)

chrome aussi

arrives tu à charger les images correctements ? depuis mon changement de src?

les images sont bien charger

uhuuuu super merci bcp !! je replonge dans mes autres erreurs ! merci mille fois :)

Bonjour as-tu pensé au résponsiv

Hello, y'a effectivement beaucoup de parti de ton code ou tu n'as clairement pas besoin de mettre des positions relative avec des valeurs extrement importante.
Evite aussi de mettre des media query sur ton body ça ne t'apporte rien dans ton cas.
Je te conseil dans un premier temps de te pencher sur :

1 - Les balises inline et block, connaitre le comportement des balises html t'aidera à structurer ton code
2 - Les positions relative/absolute
3 - Les flex, mais c'est peut être un peu tôt si tu débute, du coup bien comprendre le float et le changement de flux

Je penses qu'une fois que t'aura un peu compris comment fonctionne ces 3 points tu y verra un peu plus claire pour améliorer ton site.

Bon courage pour ta reconversion