28172 sujets

CSS et mise en forme, CSS3

Modérateur
Bonjour !

Rien à voir avec flexbox à mon avis... c'est juste le problème de positionner un span à droite dans une div. Donc là tu as le choix avec float:right; / position:absolute / ...
J'ai oublié un détail de taille, ici une modification du codepen : http://codepen.io/anon/pen/gpdMJZ

J'ai besoin que le mot salade soit cliquable sur toute la longueur du li (c'est à dire que le curseur de la souris change et que je puisse donc pointer sur ce lien) tout en gardant le lien propre du span quand on veut cliquer dessus.
Administrateur
MagicCarpet a écrit :
J'ai besoin que le mot salade soit cliquable sur toute la longueur du li (c'est à dire que le curseur de la souris change et que je puisse donc pointer sur ce lien) tout en gardant le lien propre du span quand on veut cliquer dessus.

Bonjour,

.salade a {
  display: block;
}


Tout simplement ?
Alors je l'ai pas vu venir celui-là, effectivement mais j'ai un soucis, le span "tombe" en dessous, il ne reste pas sur la même ligne. En fait j'essaye de faire en sorte que le a et le span soient deux flexbox différente et reste que la même ligne. Le a à gauche qui prends toute la place (- span si je puis dire) et tout à droite le span.

EDIT : je crois que j'ai trouvé, je reviens dans quelques minutes avec la solution si elle est viable.

EDIT 2: c'est bon, en voulant donner du détail j'ai trouvé la solution (simple), il suffit de faire du flex dans du flex, en gros Smiley smile

http://codepen.io/anon/pen/gpdMJZ

Merci pour votre aide.
Modifié par MagicCarpet (21 Jul 2015 - 11:21)