Résolu Arrière plan et responsive design

Bonjour,

Alors voilà, en voulant faire ma maline, j'ai fait des bêtises!
En voulant paramétrer mon image d'arrière plan en responsive design pour qu'elle s'affiche à l'échelle sur tous écrans, j'ai inséré un code HTML dans l'éditeur CSS qui a fait planter ma maquette, et mon blog. Car désormais mon blog ne répond plus et est même inutilisable: voici le résultat!

http://dystopian-symphony.kazeo.com

J'aurais donc deux questions:

1/ Serait il possible de retirer le code défectueux pour rendre le site de nouveau actif?
2/ Quelle est la balise CSS valide et compatible sous Eklablog qui me permettrait de paramétrer mon image d'arrière-plan de sorte à ce qu'elle s'affiche en responsive design?

Merci d'avance pour votre aide!
(C'est la première et la dernière fois que j'utilise un code CSS externe sans précautions -.-)

Bonjour Paula,

Je viens de faire un essai sur le blog test avec ta feuille de style et effectivement, c'est bien ce code :

div {
width: 100%;
height: 860px;
background-image: url(https://i.imgur.com/Ar4uSPC.jpg);
background-size: cover;
}
qui a provoqué le bug en bloquant dans le menubar l'accès au css et malheureusement, je pense qu'il n'y a que le Staff qui puisse résoudre ton problème. 

Voici la copie d'écran de ce que j'ai obtenu :

Bonjour Colette,

Oui, c'est exactement l'extrait de code qui pose problème! J'obtiens la même page quand j'ouvre le blog et je ne peux accéder à aucun des menus qui ne répondent plus.

Merci pour ta contribution, je vais attendre une réponse du staff en espérant que la situation s'arrangera bientôt. 

bonjour,

Une solution pratique : désactiver le css

il est possible - je pense, avec tous les navigateurs - d'afficher une page sans exécuter le style (ça désactive le css). La commande se situe dans le menu Affichage. Avec Firefox Affichage > Style de la page (et là on à le choix avec ou sans le style):

Tous les liens sont alors disponibles et on peut reprendre la main pour supprimer le code css responsable.

Attention, les placements ne se font pas comme dans la présentation avec le style ; les liens de la barre menu sont en bas et si on clique sur un lien, les "fenêtres"  s'ajoutent vers le bas.

 Edit: voir une autre utilisation possible

j'ai essayé sur http://dystopian-symphony.kazeo.com  et on peut lire normalement
(si on connait l'anglais )

Bonjour Stormalo,

J'avais fait des recherches sur le Web en ce sens, mais rien trouvé pour aucun navigateur, pas plus que ce que tu indiques pour Firefox.  

Problème résolu, merci pour ton aide Stomato!

En suivant tes instructions, j'ai réussi à débugger la maquette sous Firefox et j'ai de nouveau la main sur le site! 

Super ! Au moins grâce à "Stomato" tu ne risques plus d'avoir des crampes d'estomac. 

Pour sûr! Sur le moment j'ai eu une belle frayeur mais en fin de compte la solution est assez simple et rapide! Je m'en souviendrais pour éviter quelques crampes à l'avenir!

Update: Je partage ma solution si cela peut en aider d'autres! 
(Fonctionne bien sur ordinateur, assez bien sur mobile)

html {   
     margin:0;   
     padding:0;   
     background: url(*image url*) no-repeat center fixed;    
     background-size: cover;  
 } 
​