[CUL] Des EXPERTS en CSS ?

j'arrive pas à mettre un élément tout en bas au dessus d'un élément qui est déjà tout en bas
mettre la section newsletter tout en bas mais au dessus du footer car le footer est déjà tout en bas, mettre les 2 éléments tout en bas l'un au dessus de l'autre

https://image.noelshack.com/fichiers/2023/26/3/1687971059-rsetge.jpg

<section id="newsletter">

        <div class="bloc-gauche">

            <p>Des réductions dans votre boîte mail</p>

        <form action="" method="POST">

            <input type="email" placeholder="email@exemple.com" name="email-newsletter">

            <input type="submit" value="S'incrire" name="inp-newsletter">

        </form>

        </div>

        <div class="bloc-droite">

            <p>Restez informez</p>

            <ul>

                <li><a href="https://instagram.com"><img src="./assets/images/icones/instagram.png" alt=""></a></li>

                <li><a href=""><img src="./assets/images/icones/facebook.png" alt=""></a></li>

                <li><a href=""><img src="./assets/images/icones/youtube.png" alt=""></a></li>

                <li><a href=""><img src="./assets/images/icones/twitter.png" alt=""></a></li>

            </ul> 

        </div>

</section>



<footer>

    <div class="first-bloc">

        <div class="bloc-gauche">

            <p>LOGO</p>

        </div>

        <div class="bloc-milieu">

            <p>Qui sommes nous</p>

            <ul>

                <li>Le concept</li>

            </ul>

        </div>

        <div class="bloc-droite">

            <p>Aide</p>

            <ul>

                <!-- <li>Mon compte client</li> -->

                <!-- <li>FAQ</li> -->

                <li>Nous contacter</li>

            </ul>

        </div>

    </div>

    <!-- <hr> -->

    <div class="bloc-charte">

        <ul>

            <li><a href="">CGV</a></li>

            <li><a href="">Mentions légales</a></li>

            <li><a href="">Confidentialité</a></li>

        </ul>

    </div>

</footer>

post avant "chatgpt" j'ai essayé il dit n'imp sinon je posterai pas ici

https://image.noelshack.com/fichiers/2023/26/3/1687955019-fesse.jpg

https://image.noelshack.com/fichiers/2023/17/5/1682708484-mickey-magalie-magali-magalax-audrey.png

Le mec demande de l'aide en CSS et montre du HTMLhttps://image.noelshack.com/fichiers/2016/26/1467335935-jesus1.png

Pas (plus) expert...

Là, c'est du HTML (et CSS, mais plus HTML)https://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Il est où le code du "bloc central" (Pas de produits dans votre panier) ?https://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Tu créé une nouvelle div (ou ce que tu veux) entre ton bloc newsletter et footer, et tu met le bloc que tu veux en bas de cette div, voilàhttps://image.noelshack.com/fichiers/2016/26/1467335935-jesus1.png

Le 29 juin 2023 à 20:54:30 :
Pas (plus) expert...

Là, c'est du HTML (et CSS), mais plus HTMLhttps://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Il est où le code du "bloc central" (Pas de produits dans votre panier) ?https://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

on s'en fou de ça ça s'arrete avant

bottom: 0;
Sur ta div newsletter.
Oublie pas que c'est en cascade le html

Tu devrais faire les jeux flexbox avec la grenouille et le potager clef, si t'arrive pas à choisir l'emplacement d'un bloc c'est que tu débutehttps://image.noelshack.com/fichiers/2017/39/3/1506463228-risibg.png

Le 29 juin 2023 à 20:55:44 JusdEauRange22 a écrit :

Le 29 juin 2023 à 20:54:30 :
Pas (plus) expert...

Là, c'est du HTML (et CSS), mais plus HTMLhttps://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Il est où le code du "bloc central" (Pas de produits dans votre panier) ?https://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

on s'en fou de ça ça s'arrete avant

Ben non, on s'en fout pashttps://image.noelshack.com/fichiers/2018/29/6/1532128784-risitas33.png

En gros, ton HTML doit avoir, dans cet ordre

• Bloc "Pas de produits dans le panier"
• Bloc Newsletter
• Bloc Footer

En fait, je capte pas ton problème...
Et sans le code complet, on ne peut pas comprendre le soucishttps://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Le 29 juin 2023 à 20:56:23 :
bottom: 0;

déjà fait sur le footer
si je fais ça sur le bloc newsletter il se met au meme endroit que le footer donc on le voir plus
comment le mettre juste au dessus du footer ?

Le 29 juin 2023 à 20:57:25 :

Le 29 juin 2023 à 20:56:23 :
bottom: 0;

déjà fait sur le footer
si je fais ça sur le bloc newsletter il se met au meme endroit que le footer donc on le voir plus
comment le mettre juste au dessus du footer ?

Parce qu'ils sont dans le mêmes conteneurs, ils faut qu'ils soient dans des div différentes

Le 29 juin 2023 à 20:57:25 :

Le 29 juin 2023 à 20:56:23 :
bottom: 0;

déjà fait sur le footer
si je fais ça sur le bloc newsletter il se met au meme endroit que le footer donc on le voir plus
comment le mettre juste au dessus du footer ?

Position:absolue
Margin:0

Le CSS cette engeance du démon putain

Le 29 juin 2023 à 20:57:11 :

Le 29 juin 2023 à 20:55:44 JusdEauRange22 a écrit :

Le 29 juin 2023 à 20:54:30 :
Pas (plus) expert...

Là, c'est du HTML (et CSS), mais plus HTMLhttps://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

Il est où le code du "bloc central" (Pas de produits dans votre panier) ?https://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

on s'en fou de ça ça s'arrete avant

Ben non, on s'en fout pashttps://image.noelshack.com/fichiers/2018/29/6/1532128784-risitas33.png

En gros, ton HTML doit avoir, dans cet ordre

• Bloc "Pas de produits dans le panier"
• Bloc Newsletter
• Bloc Footer

En fait, je capte pas ton problème...
Et sans le code complet, on ne peut pas comprendre le soucishttps://image.noelshack.com/fichiers/2017/30/4/1501187858-risitassebestreup.png

oui il a cette architecture la
le bloc "Pas de produits dans le panier" est dans main qui s'arrete avant le bloc newsletter
donc j'ai mis le html du bloc newsletter et du footer car c'est ces deux blocs qu'on veut mettre tout en bas le reste on s'en fou

Le 29 juin 2023 à 20:59:11 :
"Restez informez"https://image.noelshack.com/fichiers/2018/13/4/1522325846-jesusopti.png

Sinon, c'est une simple question de HTML et emboiter des <div> ou autres conteneurs ayant la propriété display: block

Restez informé, mais j'allais pas refaire une capture d'ecran et tout réécrire

Bonsoir, je suis là uniquement pour le cul. Pour ton CSS ou je ne sais quoi, tu te démerdes

Le 29 juin 2023 à 20:58:10 :

Le 29 juin 2023 à 20:57:25 :

Le 29 juin 2023 à 20:56:23 :
bottom: 0;

déjà fait sur le footer
si je fais ça sur le bloc newsletter il se met au meme endroit que le footer donc on le voir plus
comment le mettre juste au dessus du footer ?

Parce qu'ils sont dans le mêmes conteneurs, ils faut qu'ils soient dans des div différentes

On clarifie parce que ça a pas l'air de voler haut

<div id="conteneur-de-divs">

    <div id="newsletter">...</div>

    <div id="footer">...</div>

</div>

C'est #conteneur-de-divs qui flotte en bas de ta page, pas #newsletter et #footer individuellement, sinon ils se stackent et c'est celui avec le z-index le plus prioritaire que tu verras

Met une div footer et intègre t'a div newsletter dans ton footer.

Le 29 juin 2023 à 20:56:53 :
Tu devrais faire les jeux flexbox avec la grenouille et le potager clef, si t'arrive pas à choisir l'emplacement d'un bloc c'est que tu débutehttps://image.noelshack.com/fichiers/2017/39/3/1506463228-risibg.png

montre le jeu ça m'intéressehttps://image.noelshack.com/fichiers/2017/39/3/1506524542-ruth-perplexev2.png