Salut all

J'ai un petit problème avec mon site, j'aimerais créer un menu avec des boutons de ce genre :

mais je ne sais pas comment faire, j'ai l'habitude d'utiliser des div mais la forme du bouton ne le permet pas.

Merci d'avance pour votre aide

à+

Perso moi dans ton cas je ferais une image avec photoshop.
Tu l'as ?

Idéalement, il faudrait que le texte ne soit pas sur le même espace que la séparation Comme çà, tu découpe uniquement l'image du " < " que tu insères entre chaque lien, ou en background right de chaque lien sauf le dernier ou comme tu le sens quoi

J'ai déjà fait pas mal de truc de ma template sur Photoshop, mais j'ai pas tout terminé.
J'avais pensé à la méthode d'inserer la séparation entre chaque lien mais vu que je voulais mettre un hover, je sais pas comment faire :/

Si tu veux un hover ça va clairement pas le faire avec du HTML/CSS. On peut reproduire des triangles mais en réalité c'est des carrés avec des parties transparentes, donc le :hover prendrait le carré complet, et t'aurais des problèmes à la superposition des "<" (la partie droite d'un bouton "alumerait" le bouton d'à côté, ou l'inverse si tu joue avec les z-index mais c'est pas mieux).

Il va falloir t'orienter vers du SVG si tu veux avoir un effet irréprochable au hover, tu te fais un menu.svg que tu mets dans une balise object, et à l'intérieur tu mets un vrai menu ul > li pour les navigateurs qui ne supportent pas le svg et pour les robots, typiquement:

<object data="menu.svg" type="image/svg+xml">
<ul>
<li>Accueil</li>
<li>Tutos</li>
<li>Galerie</li>
<li>Partenaires</li>
</ul>
</object>

Pour le SVG je te laisse te renseigner, tu pourras facilement faire des triangles, des dégradés, du texte et des effets de hover (même de l'animation), et si tu as Illustrator tu pourras même le faire sans avoir à mettre les mains dans le code (quoique je sais pas si il gère le hover et l'animation).

Merci de vos réponses, j'avais encore jamais entendu parler du svge je vais aller voir ce que c'est exactement, et dans le pire des cas je modifierais mon menu pour le rendre plus "classique".
À+ et bon code ;)