Bonjour tout le monde,

J'ai un soucis dans mon code, mon fond d'écran ne s'affiche pas et sa me pose un problème dans la continuité du code.
Merci pour l'aide apporté.

http://prntscr.com/ez4u3g

Salut, possible d'avoir aussi le lien du site heberger? car sa depend aussi de " ou l'image "fond.png" ce situe"

Je te conseille pastbin pour copier ton code, c'est mieux qu'une image.

Sinon, sans plus en lire, tu as une erreur dans ton CSS:
Tu veux appliquer ton background à la classe "fond", il faut donc écrire ".fond {" et non "fond {", sinon il va chercher la balise "fond" et non la classe concernée.

Aussi, cette classe est peu utile dans le sens où tu l'appliques sur ton body donc tu peux directement faire "body {"

merci Ebara, tu m'a sortie d'un brin, et donc là je suis face au soucis que dont je m’attendais,
le fond d'écran et attacher à la fenêtre de navigation, donc quand je réduit, la fond bouge.
Comment faire pour le laisser vraiment immobile ?

Je n’héberge pas pour le moment j'utilise Adobe Brackets

tu veut dire quand tu descent ?
background-attachment:fixed;
et pour qu'il reste bien sur toute la page je te conseil
background-size: cover;

Le 21 avril 2017 à 15:46:28 Cammilliou a écrit :
merci Ebara, tu m'a sortie d'un brin, et donc là je suis face au soucis que dont je m’attendais,
le fond d'écran et attacher à la fenêtre de navigation, donc quand je réduit, la fond bouge.
Comment faire pour le laisser vraiment immobile ?

Je n’héberge pas pour le moment j'utilise Adobe Brackets

Tu veux dire que tu veux garder ton background identique ? (ne pas le resize en fonction de la taille de la fenêtre) Ou alors qu'il se déforme et que tu veux qu'il se resize de façon proportionnelle?

Des que je resize la fenêtre,
le coté gauche du fond reste collé au coté gauche de la fenêtre,
mais la partie de droite s’efface.
En gros quand je met ma fenêtre sur mon autre écran 4 /3 le fond n'est plus au milieu.

au fait merci pour ton conseil skytoss, j'ai fais le changement c'est cool de ta part, merci

Ah oui du coup il suffit de faire un cover.

Pour assurer la compatibilité:

background: url(tonimage) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

voila le soucis

16/9 : http://prntscr.com/ez5drb
4/3 : http://prntscr.com/ez5dzw

et tiens comment je fais pour baisser et mettre de l'espace entre l'image connexion et inscription.
Je sais je suis chiant.

Le 21 avril 2017 à 16:20:11 Cammilliou a écrit :
voila le soucis

16/9 : http://prntscr.com/ez5drb
4/3 : http://prntscr.com/ez5dzw

et tiens comment je fais pour baisser et mettre de l'espace entre l'image connexion et inscription.
Je sais je suis chiant.

Avec ce que je t'ai filé ça devrait régler le problème.
Pour l'espace tu fous du margin, rien de plus simple. Je te conseille d'utiliser stackoverflow et W3School (qui malgré quelques infos outdated reste une bonne source de doc) pour des petites questions comme ça.

Au début ton code n'avait pas marché je viens de le refaire en faisant attention aux fautes, et effectivement cela règle mon soucis merci beaucoup vraiment !

Pas de quoi.