Bouton personnalisé sur mon site

Résolu
XDamienX007 Messages postés 4244 Date d'inscription   Statut Membre Dernière intervention   -  
XDamienX007 Messages postés 4244 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, je cherche à savoir comment on fait pour pouvoir mettre un bouton cliquable qui amène, sur cet exemple, à l'accueil...

J'ai tenté avec ça mais ça ne fonctionne pas:

<li><a href="index.html" src="Acceuil.png">Acceuil</a></li>

Merci :)



--
°°Aidez ceux qui ont besoin d'aide, ils vous aideront à leur tour.°°

4 réponses

  1. a70m Messages postés 3121 Statut Contributeur 217
     
    Salut,

    C'est très simple, c'est une image qui est mise en lien ... Donc <lien><image /></lien>
    ??

    Facile :
    <a href="http://monsite.com"><img src="images/monimage.jpg" /></a>

    Cétait bien la question ?

    a70m
    2
    1. XDamienX007 Messages postés 4244 Date d'inscription   Statut Membre Dernière intervention   420
       
      Oui voilà parfait

      Je le savais mais j'y pensais plus du tout.
      Merci du rappel
      0
  2. a70m Messages postés 3121 Statut Contributeur 217
     
    @manupc : Pourquoi un code aussi long pour une question toute simple ?
    De plus le post a déjà été résolu.
    0
    1. XDamienX007 Messages postés 4244 Date d'inscription   Statut Membre Dernière intervention   420
       
      Ne lui en veut pas..^^

      ADMIN: A lock
      0
  3. manupc Messages postés 42 Statut Membre
     
    @a70m c'est juste pour te montrer , un systeme de boutton comme pour les bouttons de facebook

    et aussi essayer de repondre a ta question , c'est tout
    0
    1. XDamienX007 Messages postés 4244 Date d'inscription   Statut Membre Dernière intervention   420
       
      Merci quand même, mais j'ai ma réponse (la tienne en version courte^^)
      0
  4. manupc Messages postés 42 Statut Membre
     
    salut ,

    pour repondre a ta question

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>EXEMPLE</title>
    <style type="text/css">
    body{
    	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
    	font-size:11px;
    }
    a.button{
    	background:url(img/button.gif);
    	display:block;
    	color:#555555;
    	font-weight:bold;
    	height:30px;
    	line-height:29px;
    	margin-bottom:14px;
    	text-decoration:none;
    	width:191px;
    }
    a:hover.button{
    	color:#0066CC;
    }
    
    /* -------------------- */
    /* CLASSES				*/
    /* -------------------- */
    	.add{
    		background:url(img/add.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.delete{
    		background:url(img/delete.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.user{
    		background:url(img/user.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.alert{
    		background:url(img/alert.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.msg{
    		background:url(img/msg.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.download{
    		background:url(img/download.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    
    	.lens{
    		background:url(img/lens.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    	.info{
    		background:url(img/info.gif) no-repeat 10px 8px;
    		text-indent:30px;
    		display:block;
    	}
    </style>
    </head>
    
    <body>
    <a href="#" class="button"><span class="add">Add to your bookmark</span></a>
    
    <a href="#" class="button"><span class="delete">Delete bookmark</span></a>
    
    <a href="#" class="button"><span class="user">Add to your friends</span></a>
    
    <a href="#" class="button"><span class="alert">Did you miss something?</span></a>
    
    <a href="#" class="button"><span class="msg">You have 2 new messages</span></a>
    
    <a href="#" class="button"><span class="download">Download this file</span></a>
    
    <a href="#" class="button"><span class="lens">Are you looking for...?</span></a>
    
    <a href="#" class="button"><span class="info">Do you need for help?</span></a>
    
    </body>
    </html>


    -1