begin process at 2012 02 08 19:26:44
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaires

 > AJOUTER UNE IMAGE À UN BOUTON

AJOUTER UNE IMAGE À UN BOUTON


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaires Source .NET ( DotNet ) Classé sous :bouton, image, button Niveau :Débutant Date de création :06/08/2008 Vu :13 007
Auteur : PascalCmoa

Ecrire un message privé
Site perso
Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
J'ai lu pas mal de post concernant des personnes désireuses d'utiliser les boutons mais en leur ajoutant une icone pour les rendre plus sympa.

Il existe un moyen en utilisant les ImageButton en placant un texte sous l'image, cette méthode fonctionne parfaitement, certes mais si le texte du bouton peut être modifié pendant l'utilisation de l'appli cela devient un peu complexe à mettre en place.

A force de tester, j'ai trouver une solution.

Source

  • ...
  • <tr align="center">
  • <td align="center" colspan="2">
  • <asp:Button ID="btnCherche"
  • runat="server"
  • Text=" Rechercher"
  • style="background:url(images/windows-icones-195_p3.gif); ' L'image à afficher dans le bouton
  • background-repeat:no-repeat; ' Indique que l'image ne sera pas répétée dans le bouton
  • background-position:left; ' Indique que l'image sera placée à gauche
  • text-align:right; ' Indique que le texte sera placé à droite
  • padding:5px; ' Indique une zone de 5 pixel autour du texte
  • background-color:#cdcdcd;" />&nbsp; ' Donne une teinte grise au bouton
  • <asp:Button ID="btnNouveau"
  • runat="server"
  • Text=" Nouveau"
  • CausesValidation="False"
  • style="background-image:url(images/windows-icones-064_p4.gif); ' Idem bouton précédent
  • background-repeat:no-repeat;
  • background-position:left;
  • text-align:right;
  • padding:5px;
  • background-color:#cdcdcd;" />
  • </td>
  • </tr>
  • ...
...
<tr align="center">
   <td align="center" colspan="2">
      <asp:Button ID="btnCherche" 
                  runat="server" 
                  Text=" Rechercher" 
                  style="background:url(images/windows-icones-195_p3.gif);  ' L'image à afficher dans le bouton
                         background-repeat:no-repeat;                       ' Indique que l'image ne sera pas répétée dans le bouton
                         background-position:left;                          ' Indique que l'image sera placée à gauche
                         text-align:right;                                  ' Indique que le texte sera placé à droite
                         padding:5px;                                       ' Indique une zone de 5 pixel autour du texte
                         background-color:#cdcdcd;" />&nbsp;                ' Donne une teinte grise au bouton
      <asp:Button ID="btnNouveau" 
                  runat="server" 
                  Text=" Nouveau" 
                  CausesValidation="False" 
                  style="background-image:url(images/windows-icones-064_p4.gif);  ' Idem bouton précédent
                         background-repeat:no-repeat; 
                         background-position:left; 
                         text-align:right; 
                         padding:5px; 
                         background-color:#cdcdcd;" />
   </td>
</tr>
...

 Conclusion

Le bouton reste à votre convenance. L'utilisation du CSS rend possible une infinité de possibilité.

A vous de jouer maintenant.


 Sources du même auteur

Source .NET (Dotnet) COMMENT FORMATER LE NOMBRE DE CARACTÈRES D'UN COLONNE DANS U...
Source .NET (Dotnet) RÉCUPÉRER DES VALEURS D'UNE LIGNE DANS UN DATAGRID APRÈS AVO...
Toutes les sources de PascalCmoa

 Sources de la même categorie

Source .NET (Dotnet) COMMENT FORMATER LE NOMBRE DE CARACTÈRES D'UN COLONNE DANS U... par PascalCmoa
Source avec Zip Source avec une capture Source .NET (Dotnet) UPLOADER PLUSIEURS FICHIERS AVEC BARRE DE PROGRESSION AJAX par clemox
Source avec Zip Source .NET (Dotnet) DATAGRID AVEC RECHERCHE ALPHABÉTIQUE par gatita_dev
Source avec Zip Source avec une capture Source .NET (Dotnet) IMAGE ANTI-BOT ET VALIDATION DE FORMULAIRES par badrbadr
Source avec Zip Source avec une capture Source .NET (Dotnet) .NET2 - UTILISATION DES VALIDATIONGROUP par jesusonline
Toutes les sources de la catégorie Formulaires

 Sources en rapport avec celle ci

Source avec Zip Source .NET (Dotnet) INSERER UNE PHOTO DANS UN CHAMP BLOB (IMAGE) DANS TABLE SQL ... par Myke
Source avec Zip Source avec une capture Source .NET (Dotnet) GRIDVIEW AVEC DES IMAGES par CSharpJSharp
Source avec une capture Source .NET (Dotnet) CRÉATION D'UN GRIDVIEW DANS UN REPEATER par walterskinner
Source avec Zip Source .NET (Dotnet) INSERTION / RECUPERATION D'IMAGE STOCKEE DANS UNE DB MS SQL ... par jimmy69
Source .NET (Dotnet) LISTER TOUS LES CONTROLS D'UNE PAGE par Coolpix08

Commentaires et avis

Commentaire de lakichemole le 07/08/2008 10:08:23

C'est plutôt du Css que de l'asp :) Mais c'est toujours bon à savoir pour ceux qui ne savaient pas

Commentaire de JACKY007 le 08/08/2008 08:25:51 8/10

Je trouve que c'est une bonne idée...

Commentaire de xiarine le 16/12/2008 19:23:33

Merci cela m'a bien dépanné

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Pb avec image pour submit [ par franzioz ] (une réponse)Hello,J'ai un petit pb car je veux mettre une image a la place d'un bouton pour envoyer mes donnes d'un formulaire. Le probleme est que j Bouton image [ par Appolon ] Bonjour,J'ai une page ASP avec du code JavaScript.J'ai une balise &lt;form name="test"&gt;J'ai un menu déroulant qui fait appel à une fonction javascr créer infobulles accompagnant un bouton ou image [ par Zboubi ] Bonjour, je suis nouveau sur ce site, je cherche un moyen d'afficher une infobulle au passage de la souris sur une image ou un bouton, je voudrais cha Champ image - stock data [ par Bruto ] Je dispose d'une page qui sert à joindre des fichiers. A chaque fois que je créé une jointure ( clic bouton "sélectionner" ), je créé une ligne dynami button et popup [ par emna_bz ] Bonjour je travail avec asp.net +c#J'ai un champ dans mon site pour saisir le nom et un bouton qui permet de faire un traitement selon le text saisi d Image Button [ par elpens ] Bonjour, Je suis actuellement bloqué et je recherche un peu d'aide.Voilà:J'ai un gridView lié avec une db qui m'affiche des alertes. J'aimerais que qu telechargement [ par layos ] bjr j'ai fait une page qui comporte un bouton et une image et je voudrais fare de sorte que si tu clic sur le bouton ke l'image soit telechargeable es demande d'info sur la gestion onmouseover et onmouseout [ par nazzguhl ] Bonjour,Je débute en ASP2 et j'essaye de mettre en forme un site (équivalent à la méthode Frame) avec la Master page et les pages de contenu, j'ai à p afficher une image stockée dans un répertoire [ par pigeon11 ] Bonjour, Dans une page aspx(vbnet)  j'ai un bouton. en cliquant sur ce bouton je veux afficher une image [B][COLOR="Red"]stockée dans un répertoir multiview et bouton preview [ par alicia26 ] bonjour  à tous!!j'ai un multiview qui fonctionne correctement et dans mes views,je fais des contrôles sur les différents objets!j'ai deux boutons:pré


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Single Large Rock Formation in Monument Valley
Photo Offroad Vehicle on a Remote Beach in Hawaii 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,889 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)