Problème d'affichage de fenêtre modale sous le footer

Question

Bonjour,
J'ai beau le faire et le refaire encore, j'ai toujours la même erreur et je suis un peu perdu. Sur les fenêtres modals, la 1ère s'affiche correctement mais pour la deuxième, elle s'affiche sous mon footer et je n'arrive pas à comprendre pourquoi. Auriez-vous une idée pour débugger cet exercice ? Merci par avance, cordialement.

Louis-Nicolas Leuillet · Accepted Answer

Salut Philippe !
Bon, j'ai repéré le souci principal : dans ta modale de la coupe, tu as écrit modal_dialog avec un underscore au lieu de modal-dialog avec un tiret. C'est ça qui casse tout. Sans la classe modal-dialog correcte, Bootstrap ne sait pas positionner la modale correctement et elle s'affiche n'importe où dans le flux de la page (sous ton footer en l'occurrence).
J'ai aussi repéré deux autres petites erreurs dans cette même modale :
1. Sur l'image de la coupe, tu as mis class="w100" au lieu de class="w-100" (il manque le tiret). Du coup l'image ne prend pas toute la largeur. Même chose pour l'image de la baguette d'ailleurs.
2. Toujours sur l'image de la coupe, tu as un > en trop juste après la balise <img> qui traîne dans le HTML.
Corrige ces trois points et tes modales devraient toutes fonctionner correctement.

Louis-Nicolas Leuillet · Answer

Hello, peux-tu partager ton code HTML et ton code CSS pour qu'on voie d'où vient le problème ?

Philippe Pelletier · Answer

Voila je l'ai retapé ce matin mais cette les deux dernieres modales ne fonctionnent plus ! je ne comprends toujours pas. merci par avance pour tes éclaircissement Belle journée Session 607 : Le Pied de page

Inscriptions ouvertes Année 2180-2181

Meilleures ventes