je souhaiterai savoir comment aligner plusieurs éléments (<div>) sur le haut de ces éléments tout en centrant ces éléments sur la page...
Ce que je voudrais c'est que ces 3 sections (compétences, expériences, formation) soient centrée sur la page mais qu'elles soient alignées au niveau de leur titre.
J'ai pas mal tourné en rond avec le cours flexbox mais rien n'y fait.
1 supprimer les ID et passer en classes 2 à quoi servent ces display:flex ? à rien, les éléments vont s'empiler normalement dans leurs conteneur parent sans flex 3 en revanche, il faut un conteneur parent pour les 4 éléments principaux (en l'occurrence la <section>), conteneur qui, lui, sera en display:flex 4 rien, c'est tout
Donc beaucoup plus simple !
- Edité par ChrisLebure 10 octobre 2017 à 22:28:21
1 supprimer les ID et passer en classes 2 à quoi servent ces display:flex ? à rien, les éléments vont s'empiler normalement dans leurs conteneur parent sans flex 3 en revanche, il faut un conteneur parent pour les 4 éléments principaux (en l'occurrence la <section>), conteneur qui, lui, sera en display:flex 4 rien, c'est tout
Donc beaucoup plus simple !
- Edité par ChrisLebure il y a environ 10 heures
Merci de ta réponse !
1. Je n'ai pas pu le faire car je fais une réorganisation des éléments via ".element:nth-child(1) ...". Si je passe en class, ça fait deux class dans la balise et la réorganisation ne fonctionne plus. J'ai donc laissé ces 3 balises avec l'attribut ID.
2. En effet ces display:flex; là ne servaient à rien merci !
3. Si j'ai bien compris tu voulais que j'englobe également la partie à gauche qui se trouve sur un liseré avec la photo et les infos de contact. Je l'ai placé dans la balise <header>... j'ai eu tort ? Du coup j'ai tenté une <div class="#"> qui englobe et <header> et la <section> mais rien n'a changé :/
Je crois que je me suis fait mal comprendre il faut passer la section en display:flex, les 4 éléments doivent être dans une flex-box, c'est-à-dire un conteneur parent en display:flex :
<section class="mon_conteneur">
...
</section>
.mon_conteneur {
display:flex;
...
}
Alignement + centrer sections
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)