Je me permets de poster ce message étant donné que je n'arrive pas à effectuer ce que je veux en CSS. Je m'explique: je veux centré un menus de navigation au milieu de ma page web pour n'importe quel écran. Je n'arrive pas à le faire donc je viens chercher de l'aide. Je cherche à ce que l'espace entre le deuxième et le troisième soit pile au milieu de l'écran. Merci
la première chose dont tu as probablement besoin est de 4 li de la même largeur pour ne pas retoucher ton code HTML.
Pourquoi le positionnement en absolute ? posé ton menu en bas de page ? c'est ce que ton code suggère https://jsfiddle.net/yb6hc0qu/ mais pourquoi ul et pas footer ?
flex est évoqué et peut-être utile ici , autant pour unifié la largeur de tes li que pour positionner ton footer en pied de page , position:sticky peut alors te servir à le scotcher en bas de page quoiqu'il arrive.
Mais column CSS + max-content peuvent aussi t'aider a faire que tes li aient toutes la même largeur et qu'elles soient centrées sans que l'on soit obligé de définir une largeur à ul .
exemple avec column-count et width:max-content pour nos plus récents navigateurs :
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
#menus_navigation ul {
column-count: 4;/* nombre de li */
list-style-type: none;
width: max-content;
margin: auto;
}
li {
border: solid;
}
Pour envoyer ton pied en bas de page et ensuite le scotcher là, flex et position pourraient t'être utile:
exemple
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
footer {
margin-top: auto;/* envoi le pied en bas si page vide */
position: sticky;/* on lui dit qu'il est collant ! */
bottom: 0;/* on le garde à sa place */
}
G-cyrillus, comment devrais-je postionner mon menu footer en bas sans utiliser la position absolute ?
je te donne un exemple avec flex , qu'est ce que tu ne comprends pas ? (il y a d'autre possibilité sans se servir du positionnement absolu mais flex ou grid sont les mieux adaptés aujourd'hui).
JDK : pourquoi ne dois je pas utiliser la position absolute ?
Je te pose la question justement, pourquoi choisis tu le positionnement absolu au risque de devoir bidouiller et calculer sa hauteur pour qu'il ne passe pas au dessus du reste ?
Si tu maitrises ton positionnement en absolu, alors tout va bien.
× 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.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui