28172 sujets

CSS et mise en forme, CSS3

Positionnement de sous-menus à droite lors du hover

Bonjour,

J'ai une barre de menus principale positionnée en haut, avec des menus à gauche et un menu "Mon profil" à droite. Lorsque du hover, des sous-menus s'affichent, positionnés à gauche par rapport à mon menu. Je souhaiterais que les containers de ces sous-menu se positionnent à droite et que les textes à l'intérieur soient eux aussi alignés à droite dans leur container.

Voici mon code actuel : https://codepen.io/Titouan79/pen/qwLZxr
Et voici le rendu que je souhaiterais :
upload/1556208983-75148-rendu.jpg

Merci d'avance pour l'aide que vous m'apporterez Smiley biggrin
Modifié par Titouan79 (25 Apr 2019 - 20:07)
Hello Smiley smile

Tu ajoutes une classe au <ul> concernée (par exemple 'mon-profil' ou 'smenu-profile--position' puis tu ajoutes les propriétés suivantes:


.smenu-profile--position{
 right: 0;
 text-align: right;
}
Merci !
J'ai aussi trouvé ceci :


.menu-profile li {
  float: right;
  width: 100%;
}

.smenu-profile li a {
  display: flex;
  justify-content: center;
  padding: 14px 15px;
}


Et cela marche aussi bien !
Tu peux le voir sur le codepen mis à jour : https://codepen.io/Titouan79/pen/qwLZxr

Merci pour ta réponse Smiley biggrin
Modifié par Titouan79 (25 Apr 2019 - 23:26)
Sujet clos
Aller à