CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[HELP] flexbox, absolute et width-content

HermesHouseBand
HermesHouseBand
Niveau 35
27 décembre 2017 à 10:28:18

Bonjour à tous :hap:

Mon problème est expliqué en détail ici : https://openclassrooms.com/message/creer/probleme-flexbox-et-position-absolute

Si quelqu'un a une idée je suis preneur :snif2:

Bonne journée à vous tous

20_cent_2017
20_cent_2017
Niveau 10
27 décembre 2017 à 18:37:22

codepen merci

autopoiesis__
autopoiesis__
Niveau 6
28 décembre 2017 à 00:52:34

https://codepen.io/anon/pen/rpyOGK

Il y a beaucoup d'erreurs de logique dans ton code original mais je n'ai pas le temps de t'expliquer.

Déjà mettre un min-width:200px sur un li ne fait aucun sens.

Ensuite, tu dois mettre le display:flex sur le ul si tu veux faire deux colonnes pour ta liste.

HermesHouseBand
HermesHouseBand
Niveau 35
28 décembre 2017 à 09:40:48

le fameux ul est déjà en display flex il possède toute ces propriétés :

flex: 1;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;

merci de votre aide ! :ok:

HermesHouseBand
HermesHouseBand
Niveau 35
28 décembre 2017 à 09:42:14

Et ça s'étire bien en deux colonnes hein c'est nikel. C'est juste que le width du ul reste le width de une seule colonne et du coup le background derrière ne s'étire pas j'ai la deuxième colonne dans le vide à coté. par contre si je met un width fixe de la taille de deux colonne la c'est parfait

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment