Bonjour,

j'ai un soucis, je dois réaliser une page à partir d'une maquette, le soucis c'est que sur le menu qui a été mis en place via le CMS du site, il faut que je mette des points blanc entre chaque parties (ou li) et un petit icon facebook au bout. Je vous montre ce que je dois faire :

Donc j'ai bien réussi à faire cela mais en plaçant chaque point avec le CSS (position:absolute et je me suis débrouillé pour mettre chaque point aux bons endroits) Mais quand je passe à un autre écran, les points se resserrent et baisse vers le bas (je vous montre) :

.. j'ai essayé de régler ça avec responsive mais je n'y arrive pas... les points restent comme ça... 

Le truc, c'est que je ne peux pas edit le menu (nav) car je peux le modifier uniquement via le panel admin du site. Mais je peux edit son style.

Sauriez-vous m'aider ?

Bonjour,

As tu essayé de rajouter les points avec la propriété 'after' en css ?

li::after {
  content: ".";
}

Et après tu peux décaler les points à droite avec le position absolute ou relative : 

li::after {
  content: ".";
  position: absolute;
  right: 0;
}

-
Edité par Al.coolique 21 juin 2017 à 10:15:15

Cela fonctionne , merci

Cependant, comment mettre l'icon facebook à la fin du menu (nav::after ?) et qu'on puisse cliquer dessus afin d'aller sur la page facebook ?

Bonjour,

As tu essayé de le mettre dans un li comme pour les autres options du menu ?

-
Edité par Al.coolique 22 juin 2017 à 11:08:12

J'y ai déjà pensé, mais je peux juste écrire le titre de l'élément (li) et mettre un lien.. je peux pas mettre d'image.. et le soucis c'est que faut que ce soit un icon de Facebook