DropDown Menu

Petit nouveau ! | 5 Messages

02 août 2015, 23:57

Bonsoir, j'aimerai faire un bouton déroulant avec un petit icons et le centrer a droite. Voici le code :

Code : Tout sélectionner

<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button " id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" > Bouton test <span class="glyphicon glyphicon-share-alt"></span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu" " aria-labelledby="dLabel"> <li><a href="prix.php">test</a></li> <li><a href="prix.php">test</a></li> <li><a href="prix.php">test3</a></li> <li><a href="prix.php">test2</a></li> <li class="dropdown-header">test1</li> </ul>
Le problème est que a gauche j'ai le bouton et quand je click dessus il se déroule a droite (opposé); Je ne connais pas très bien le CSS, Si il faut modifier quelque chose dedans, serai t'il possible de m'indiquer ou et par quoi ?

Merci a vous tous.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9783 Messages

03 août 2015, 00:24

Bonjour,

Le code fourni ne montre que les données brutes en HTML mais ne donne aucune indication sur l'affichage.
J'imagine que tu as récupéré cette partie d'une librairie JS ou CSS existante, si oui laquelle ? Et as-tu regardé à tout hasard si elle n'avait pas des options permettant de personnaliser l'affichage comme tu le souhaites ?
Quand tout le reste a échoué, lisez le mode d'emploi...

Petit nouveau ! | 5 Messages

03 août 2015, 01:06

j'utilise du bootsrap de la source :
http://startbootstrap.com/template-overviews/agency/

Etant nouveau, je ne sais pas exactement comme sa marche.
Merci de votre aide.

Petit nouveau ! | 5 Messages

04 août 2015, 02:28

resulta du bouton :
Image

Je ne connais pas le css/js; la source avec le JS/css est au-dessus, Si quelqu'un pourrai m'indiquer comment alligner a droite mon bouton avec le menu.

Merci de votre attention, Cordialement.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9783 Messages

04 août 2015, 08:04

Avec un bootstrap standard, tu as juste à intégrer le code de ton dropdown dans un div qui aligne le texte à droite et le menu suit le bouton sans problème :
<div style="text-align:right;">
<!-- Le code de ton dropdown -->
</div>
Or avec le template que tu utilises ça ne fonctionne pas donc ils ont du casser quelque chose dans leur CSS.

2 possibilités :
- tu essayes de debuguer là où ils ont fait une connerie (ou tu leur demandes de l'aide)
- tu pars sur une autre base bootstrap clean, ex http://www.layoutit.com
Quand tout le reste a échoué, lisez le mode d'emploi...