Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

cherche exemple de petits boutons...

0 views
Skip to first unread message

Une Bévue

unread,
Sep 9, 2011, 1:13:30 AM9/9/11
to
je cherche un site donnant des exemples de petits boutons, pour
l'instant j'ai ça :
<http://cjoint.com/11sp/AIjg4HTY4Um_Capture-offset-limit-buttons.png>

et je voudrais ça :
<http://cjoint.com/11sp/AIjhlO1RQYh_Capture-offset-limit-buttons-voeux.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...

SAM

unread,
Sep 9, 2011, 4:39:13 AM9/9/11
to
Le 09/09/11 07:13, Une B�vue a �crit :

> je cherche un site donnant des exemples de petits boutons, pour
> l'instant j'ai �a :
> <http://cjoint.com/11sp/AIjg4HTY4Um_Capture-offset-limit-buttons.png>
>
> et je voudrais �a :
> <http://cjoint.com/11sp/AIjhlO1RQYh_Capture-offset-limit-buttons-voeux.png>
>
> c'est � dire avec tous les < a href/> partageant le m�me fond en image...

Oui ?
Et ?

Tu ne sais faire ?

Voir les "portes coulissantes" chez Google.

> les num�ros corresppondent � des pages de r�sultat...

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 : <http://cjoint.com/?AIjkLA8R0n6>

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><img src="btg.png" alt==""></li>
<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>
<li><img src="btd.png" alt==""></li>
</ul>
</div>

--
St�phane Moriaux avec/with iMac-intel

* Malais - d�tect�
* Anglais
* Fran�ais
* Espagnol

* Anglais
* Fran�ais
* Espagnol

<javascript:void(0);>

SAM

unread,
Sep 9, 2011, 5:28:11 AM9/9/11
to
Le 09/09/11 10:39, SAM a �crit :

> Voir les "portes coulissantes" chez Google.

"javascript portes coulissantes"
ce sera mieux ...

SAM

unread,
Sep 9, 2011, 6:00:17 AM9/9/11
to

Une Bévue

unread,
Sep 9, 2011, 5:46:51 PM9/9/11
to
On 09/09/2011 10:39, SAM wrote:
> Combien de Nº faut-il ?


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


> 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 : <http://cjoint.com/?AIjkLA8R0n6>

ouais, c'est super, merci beaucoup, ça ressemble en effet tout à fait à
la page que tu donnes en référence :

<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollover/>

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 !!!
0 new messages