[CUL] Des EXPERTS en CSS ?

Le 29 juin 2023 à 21:01:23 :
Bonsoir, je suis là uniquement pour le cul. Pour ton CSS ou je ne sais quoi, tu te démerdes

Le 29 juin 2023 à 21:04:03 :

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

https://flexboxfroggy.com/#fr

Le 29 juin 2023 à 21:02:05 :

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 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

j'ai aussi test de mettre le bloc newsletter et footer dans une div mais j'ai pas réussi à les mettre tout en bas

<div class="newsletter-et-footer">



    <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 informé</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>



</div>

Le 29 juin 2023 à 21:06:14 :

Le 29 juin 2023 à 21:04:03 :

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

https://flexboxfroggy.com/#fr

cimer chefhttps://image.noelshack.com/fichiers/2017/02/1484173541-cc-risitas596.png

Feuilles de style en cascadehttps://image.noelshack.com/fichiers/2017/13/1490886827-risibo.png

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

quel rapport avec flexbox pour mettre 2 blocs en bas d'une page ?

Le 29 juin 2023 à 21:08:56 :

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

quel rapport avec flexbox pour mettre 2 blocs en bas d'une page ?

Tout.

Les classes CSS ça te parle ou pas du tout ?

Tu peux pouvoir décider de comment t'organise tes petits blocs dans les gros ?

Il faut connaitre Flexbox.

y a pas un khey qui pourrait ecrire le code sur un editeur en ligne et partager le lien ?

Le 29 juin 2023 à 21:11:02 :

Le 29 juin 2023 à 21:08:56 :

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

quel rapport avec flexbox pour mettre 2 blocs en bas d'une page ?

Tout.

Les classes CSS ça te parle ou pas du tout ?

Tu peux pouvoir décider de comment t'organise tes petits blocs dans les gros ?

Il faut connaitre Flexbox.

je connais bien flexbox mais la j'ai pas besoin de flexbox pour faire ça

Le 29 juin 2023 à 21:11:27 :
y a pas un khey qui pourrait ecrire le code sur un editeur en ligne et partager le lien ?

Khey si t'arrive pas a faire ca tout seul c'est pas fait pour toihttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

Puis va apprendre putain, vous rendez fous les noobs du dev, vous posez plein de questions pour faire des trucs de base et vous n'y connaissez rien.

Commence par faire un putain de cours HTML et CSS bordel, je crois que tu te rend pas compte le merdier que serait internet si les gens font un post à chaque fois qu'ils veulent bouger une <div> bordelhttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

Le 29 juin 2023 à 21:12:27 :
Puis va apprendre putain, vous rendez fous les noobs du dev, vous posez plein de questions pour faire des trucs de base et vous n'y connaissez rien.

Commence par faire un putain de cours HTML et CSS bordel, je crois que tu te rend pas compte le merdier que serait internet si les gens font un post à chaque fois qu'ils veulent bouger une <div> bordelhttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

Ce Pemthttps://image.noelshack.com/fichiers/2018/27/4/1530827992-jesusreup.png
+ Ceci ducoup

Le 29 juin 2023 à 21:12:27 :

Le 29 juin 2023 à 21:11:27 :
y a pas un khey qui pourrait ecrire le code sur un editeur en ligne et partager le lien ?

Khey si t'arrive pas a faire ca tout seul c'est pas fait pour toihttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

Hein j'ai juré c'est un truc de fou.

Le mec se lance dans un métier ou littéralement 99% de ton taff c'est de se demerder et de chercher sur Google

Il fait un putain de topic pour demander ou placer une div dans une page ou y'a que 3 conteneurshttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

Ahi, comme quoi ce qui se dit au sujet des devs web est fondéhttps://image.noelshack.com/fichiers/2018/13/4/1522325846-jesusopti.png

Le 29 juin 2023 à 21:12:27 :
Puis va apprendre putain, vous rendez fous les noobs du dev, vous posez plein de questions pour faire des trucs de base et vous n'y connaissez rien.

Commence par faire un putain de cours HTML et CSS bordel, je crois que tu te rend pas compte le merdier que serait internet si les gens font un post à chaque fois qu'ils veulent bouger une <div> bordelhttps://image.noelshack.com/fichiers/2017/39/3/1506463227-risitaspeur.png

khey je m'y connais en css mais la j'ai tout essayé, j'ai englobé le bloc newsletter et le footer dans une div, je l'ai misen relative, les blocs en absolute avec bottom 0 mais ça marche pas....
et je suis plutot back que front

khey je m'y connais en css mais la j'ai tout essayé, j'ai englobé le bloc newsletter et le footer dans une div, je l'ai misen relative, les blocs en absolute avec bottom 0 mais ça marche pas....

Même sans position absolute, un khey t'a littéralement filé la réponse avec ses flexboxs, c'est juste flex-direction: column et justify-content: flex-endhttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png
Mais t'as pas lu car tu le sais déjà, vu que tu t'y connais en CSShttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png

Je joue sur au csgo

Le 29 juin 2023 à 21:20:31 :

khey je m'y connais en css mais la j'ai tout essayé, j'ai englobé le bloc newsletter et le footer dans une div, je l'ai misen relative, les blocs en absolute avec bottom 0 mais ça marche pas....

Même sans position absolute, un khey t'a littéralement filé la réponse avec ses flexboxs, c'est juste flex-direction: column et justify-content: flex-endhttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png
Mais t'as pas lu car tu le sais déjà, vu que tu t'y connais en CSShttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png

mais qu'est ce que tu racontes ? justify content c'est pour le postionement horizontale

un khey peut ecrire le code sur un editeur en ligne et partager le lien ? j'ai d'autres culs si ça peut vous motiver

Le 29 juin 2023 à 21:25:05 :

Le 29 juin 2023 à 21:20:31 :

khey je m'y connais en css mais la j'ai tout essayé, j'ai englobé le bloc newsletter et le footer dans une div, je l'ai misen relative, les blocs en absolute avec bottom 0 mais ça marche pas....

Même sans position absolute, un khey t'a littéralement filé la réponse avec ses flexboxs, c'est juste flex-direction: column et justify-content: flex-endhttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png
Mais t'as pas lu car tu le sais déjà, vu que tu t'y connais en CSShttps://image.noelshack.com/fichiers/2018/26/7/1530476579-reupjesus.png

mais qu'est ce que tu racontes ? justify content c'est pour le postionement horizontale

Non, c'est pour le positionnement selon le premier axe, c'est-à-dire selon la flex-direction