Problème avec les images (affichage derrière la page)

[Wonderbooks]

Mon message

Bonjour, 

J'ai un problème avec mon blog en ce qui concerne l'affichage des images. En fait, lorsque l'on clique sur les images pour les voir en plus grand, elles s'affichent en arrière-plan (derrière ma page de blog !). Je pense que c'est lié à une fausse manipulation en modifiant mon code HTML sauf que je ne sais absolument pas comment faire :/

Pourriez-vous m'aider ? 

Merci d'avance !

https://unelectriceawnderlnd.blogspot.com/

[Cours Mangas Inari Sensei]

Bonjour,

votre .content-outer a actuellement un z-index de 123 ce qui fait que vos images sont placées en dessous du corps de votre blog.

Il faut aller dans le code HTML, rechercher la ligne balise .content-outer  (faites ctrl+f pour effectuer une recherche rapide) et mettre le z-index à 0

Vous devriez trouver cette ligne de texte,

.content-outer, .content-fauxcolumn-outer, .region-inner {
    z-index: 123; /*<= remplacez le chiffre par un 0 */
}

[Wonderbooks]

Rebonjour,

Du coup, j'ai suivi vos instructions mais, en arrivant sur la ligne content.outer, je n'ai pas trouvé la ligne "z-index". J'ai tenté de la rajouter manuellement mais cela n'a rien changé par conséquent.

Merci de m'avoir répondu aussi rapidement.

[Cours Mangas Inari Sensei]

C'est bizarre, en tout cas c'est bien le z-index le problème. On va faire autrement.

Dans le code HTML recherchez la balise

body#layout div.add_widget a

En dessous de cette balise après l'accolade de fermeture copiez-collez ce texte

html.v2 body div.content div.content-outer{
z-index: 0;
}

Après avoir copier-coller ça devrait ressembler à ça

body#layout div.add_widget a {
margin-left: 32px;
}

html.v2 body div.content div.content-outer{
z-index: 0;
}

Enregistrez votre code 

[Wonderbooks]

Ca a fonctionné : super !!!

Merci infiniment pour votre aide !