cherche exemple de petits boutons...
Le
Une Bévue
je cherche un site donnant des exemples de petits boutons, pour
l'instant j'ai ça :
<http://cjoint.com/11sp/AIjg4HTY4Um_...ns.png>
et je voudrais ça :
<http://cjoint.com/11sp/AIjhlO1RQYh_...ux.png>
c'est à dire avec tous les < a href/> partageant le même fond en image
les numéros corresppondent à des pages de résultat
l'instant j'ai ça :
<http://cjoint.com/11sp/AIjg4HTY4Um_...ns.png>
et je voudrais ça :
<http://cjoint.com/11sp/AIjhlO1RQYh_...ux.png>
c'est à dire avec tous les < a href/> partageant le même fond en image
les numéros corresppondent à des pages de résultat
Poser une question
Oui ?
Et ?
Tu ne sais faire ?
Voir les "portes coulissantes" chez Google.
Combien de Nº faut-il ?
Bon, le [ + ] sera à part (btp.png)
Pour la rangée des Nº il faut, comme tu as fait
- image arrondi de gauche (btg.png)
- image arrondi de droite (btd.png)
- image de fond d'un bouton de Nº (btf.png)
images à charger :
CSS :
====
body { font-family: geneva, arial }
#boutons { background: #FF0000; height: 24px; padding: 4px;
border: 2px solid green }
#boutons ul { list-style: none; margin: 0 10px; padding: 0 }
#boutons a,
#boutons li { margin: 0; padding: 0; float: left; }
#boutons a { text-decoration: none; color: black; text-align: center;
background: url(btp.png) no-repeat center center;
display: block; width: 40px; height: 17px;
padding: 3px 0; margin: 0 10px; }
#boutons li a { background: url(btf.png) repeat-x left center;
width: 20px; float: none; margin: 0 }
#boutons a:hover { color: red }
HTML :
=====
<div id="boutons">
<a href="javascript:plus()"> + </a>
<ul>
<li><a href="javascript:add(this)">1</a></li>
<li><a href="javascript:add(this)">2</a></li>
<li><a href="javascript:add(this)">3</a></li>
</ul>
</div>
--
Stéphane Moriaux avec/with iMac-intel
* Malais - détecté
* Anglais
* Français
* Espagnol
* Anglais
* Français
* Espagnol
<javascript:void(0);>
"javascript portes coulissantes"
ce sera mieux ...
--
Stéphane Moriaux avec/with iMac-intel
--
Stéphane Moriaux avec/with iMac-intel
bon en fait j'interroge une base qui a actuellement 230 entrées, sur une
page disons que je ne peux en visualiser (le label seulement) que 20, ce
qui fait 12 pages ou +, plus tard.
comme le numéro de page est dans ma seconde colonne de la page, qui est
à 25 % de la largeur de fenêtre disons que je serai restreint à ne
visualiser disons que 10 pages en tout, enfin, là je parle du numéro non
de la page elle-même, par exemple supposons que j'ai 15 pages à
référencer sur la seule page de mon appli (les DIVs changent par xhr).
je démarrerais comme ça :
1 2 3 4 5 6 7 8 9 >
ce qui supposerait que j'ai assez de place, dans les 25 % pour
visualiser 10 références de page, ici bien sûr le ">" indique qu'il y a
d'autres pages, en cliquant dessus, je pourrais, par exemple, proposer :
< 3 4 5 6 7 8 9 10 >
et ainsi de suite jusqu'à :
< 9 10 11 12 13 14 15
ouais, c'est super, merci beaucoup, ça ressemble en effet tout à fait à
la page que tu donnes en référence :
les sprites, je découvre, je n'ai jamais essayé, peut-être que je
pourrais mettre tous mes boutons : états de boutons sur la même image,
bon, c'est c'est du détail au niveau où j'en suis.
en tk merci beaucoup pour ton aide !!!