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);>
> Voir les "portes coulissantes" chez Google.
"javascript portes coulissantes"
ce sera mieux ...
<http://cjoint.com/?AIjl2vYcUUI>
<http://stephane.moriaux.pagesperso-orange.fr/internet/web_css/rollover/>
<http://stephane.moriaux.pagesperso-orange.fr/truc/pg-sprites/>