html Créer un petit triangle avec css Résolu/Fermé

Question

Bonjour à tous,

J'essai de trouver si c'est possible de créer un petit triangle en html?

Sur mon site quand un visiteur arrive, j'ai le mot 'Connexion" et j'aimerais afficher une petite flèche a coté du mot "connexion" pour indiquer qu'il y a un sous menu (menu qui apparait lors du mouse over.

Est-ce possible ou dois-je le faire dans photoshop?

MErci!

Pascal_22 



Configuration: Windows 7 / Internet Explorer 8.0

Utilisateur anonyme · Accepted Answer

salut, code css: #triangle{ font-size: 0px; line-height: 0%; width: 0px; border-top: 100px solid #77c;/* couleur du triangle*/ border-left: 50px solid transparent; border-right: 50px solid transparent; } et le code html pour tester

modifie la taille pour obtenir le triangle que tu veux mais attention: border-left et border-right sont égaux à la moitié du border-top @+

Utilisateur anonyme · Answer

bonsoir,   
que veux tu comme petit triangles ?  il y en a un certain nombre comme ça :  
&#9689;&#9792;&#9794;&#9834;&#9835;&#9788;&#9658;&#9668;&#8597;&#8252;§&#9644;&#8616;&#8593;&#8595;&#8594;&#8592;&#8735;&#8596;&#9650;&#9660; 

  en HTML  est ce que c'est ce que tu recherches ?   

Cordialement Clouds120.  


?"la connaissance n'est utile que, si et seulement si, elle est partagée"?  

?" on est pas dans un concours  de "bits" .... c'est désolant... " ?

Pascal_22 · Answer

Bonjour Clouds120,

bonsoir, 
que veux tu comme petit triangles ? il y en a un certain nombre comme ça : 
??????????§?????????? en HTML est ce que c'est ce que tu recherches ? 



Ce que je veux dire c'est un petit triangle qui pointe vers la bas, question d'indiquer qu'il y a un autre menu lors du mouseover de ce lien.

Merci!

Utilisateur anonyme · Answer

ah mince tu ne les vois pas :s

je t'avais mis a l'instant des triangles dirigé vers le bas :s

Pascal_22 · Answer

non je ne les vois pas!

peux me les écrire avec espace ou autre svp?

PAscal

Utilisateur anonyme · Answer

je les ai trouvé sur une page de CCM (powered by TLK)  va voir la: 
=)  
regarde s'il y a quelque chose qui te plait ou si on peut trouver un autre triangle du même genre 


?"la connaissance n'est utile que, si et seulement si, elle est partagée"? 

?" on est pas dans un concours  de "bits" .... c'est désolant... " ?

Pascal_22 · Answer

Merci!

C'est ce que je veux no. 9660(il ne figure pas dans cette liste, je l'ai trouver sur le web) mais il es trop gros, il a le 9662 mais lui est trop petit... :(

Pouvons-nous choisir la grosseur ainsi que la couleur ?

Merci

Utilisateur anonyme · Answer

pour la couleur, je ne sais pas si  la fonction "body {color : XXX} marcherait pour un caractère spécial

Pascal_22 · Answer

merci de ta réponse.

Mais sinon, pouvons nous créer des graphique (shape) qui nous permetterait de choisir la taille et la couleur?

Merci beaucoup!
Pascal_22

Utilisateur anonyme · Answer

oui je pense que oui , tu veux un logiciel pour créer ça ?

Pascal_22 · Answer

non , pas un logiciel, car j'ai créer ma flèche avec PhotoShop, mais c sure que j'aimerais la créer en HTML(css) car il y aurait pas de download/upload pour mon image flèche.

C'est pour une question d'écité de mettre un tas d'image et que ca jam l'upload.


Est-ce possible créer des shape via HTML ou CSS sans passer par photoShop ou autre logiciel de design?6


Merci!
Pascal_22

Utilisateur anonyme · Answer

je ne sais pas trop si ce topic va pouvoir t'aider  car je ne suis pas en mesure de répondre a ta question :s( désolé ) je ne trouve pas le moyen spontanément de résoudre le problème d'image en html  il faudrait passer beaucoup de temps pour trouver des ligne de code capable de faire ca 

c'est pas ici :=>>

Pascal_22 · Answer

Merci beaucoup pour ton aide!!

J'apprécis.

Passe une bonne fin de semaine!
PAscal_22

Ben · Answer

@Pascal : Pour les triangles en CSS je te conseille de lire le tutoriel sur http://www.bellami.fr/triangles-css

xtreen · Answer

&#9658;

Html Créer un petit triangle avec css

15 réponses

Discussions similaires