Bonjour, je vais essayer d'expliquer mon problème le mieux possible mais je préviens je fais les cours gratuits depuis bientôt 1 an mais avec de grosses pauses donc j'oublie certaines choses et je ne suis pas encore très familier avec les règles et connaissances du code.

Désolé par avance pour les erreurs grossières que vous verrez...

Je suis depuis un bon moment sur ce cours : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1606688-tp-creez-un-site-pas-a-pas

J'arrive bientôt sur la fin, j'ai repris le code du cours et fait mes modifications au fur et à mesure. J'ai souvent été bloqué mais je finissais toujours par trouver le problème, comprendre le code du cours et me souvenir de ce que j'avais appris précédemment.

Sauf jusqu'à la partie footer et là je suis dans le flou total 

En gros j'ai une balise div qui affiche et renvoie vers le lien d'une image mais d'une autre div sans que je comprenne pourquoi

Je vous montre ça en image : 

Il y a aussi ces deux tirets en bas de deux images que je n'explique pas non plus

Voici mon code html pour la partie footer : 

            <footer>
                <div id="tweet">
                    <h1>Dernier tweet</h1>
                    <p>#RestoreTheSnyderVerse</p>
                    <p>le 02 août à 23h26</p>
                </div>
                <div id="galerie_photos">
                    <h1>Galerie photos</h1>
                    <p><a TARGET="_blank" href="images/superman_death.jpg"><img src="images/superman_death.jpg" alt="Photographie" />
                    <a TARGET="_blank" href="images/jl_team.jpg"><img src="images/jl_team.jpg" alt="Photographie" />
                    <a TARGET="_blank" href="images/darkseid.jpg"><img src="images/darkseid.jpg" alt="Photographie" />
                    <a TARGET="_blank" href="images/batman_knightmare.jpg"><img src="images/batman_knightmare.jpg" alt="Photographie" /></p>
                </div>
                <div id="membres_JL">
                    <h1>Fondateurs</h1>
                    <div id="fondateurs">
                        <ul>
                            <li><a href="https://fr.wikipedia.org/wiki/Superman">Superman</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/Batman">Batman</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/Wonder_Woman">Wonder Woman</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/Flash_(comics)">Flash</a></li>
                        </ul>
                        <ul>
                            <li><a href="https://fr.wikipedia.org/wiki/Aquaman">Aquaman</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/Cyborg_(comics)">Cyborg</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/J%27onn_J%27onzz">Martian Manhunter</a></li>
                            <li><a href="https://fr.wikipedia.org/wiki/Green_Lantern">Green Lantern</a></li>
                        </ul>
                    </div>
                </div>
            </footer>

Et le css de la même partie :

/* Footer */

footer
{
    display: flex;
    background:  url('images/green_arrow_logo.png') no-repeat top 5% center, url('images/ZSJL_members_bandeau.png') repeat-x top, url('images/ombre.png') repeat-x top;
    padding-top: 50px;
    background-size: 50px, 150px;
}

footer p, footer ul
{
    font-size: 0.8em;
}

footer h1
{
    font-size: 1em;
    color: black;
}


#tweet
{
    width: 35%;
    margin-top: 10px;
}

#galerie_photos
{
    width: 50%;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

#membres_JL
{
    width: 35%;
    margin-top: 10px;
}

#galerie_photos img
{
    width: 48%;
}

#fondateurs
{
    justify-content: space-between;
    width: 100%;
    margin-left: 25px;
}

#membres_JL ul
{
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;
}

#membres_JL a
{
    text-decoration: none;
    color: #760001;
}

Merci d'avance

Bonjour, passez votre code au validateur pour voir et corriger vos erreurs. => https://validator.w3.org/#validate_by_input

Dans la partie galerie photo tu ouvres 4 liens mais tu ne ferme aucune de ses balises.

Par convention les attributs s'écrive en minuscule.

Tes 4 images ne sont pas les mêmes, donc la description dans l'attribut alt devrait être différent en fonction de chaque image.

C'est tellement visible maintenant que je le sais

Et oui je pensais passer mon code au validateur à la fin mais je le ferai au fur à mesure à l'avenir, ça m'évitera de rester bloquer 

Merci beaucoup de la réponse en tout cas !

Bonjour,

Sujet résolu