Bouton personnalisé sur mon site

Résolu/Fermé
XDamienX007 Messages postés 3615 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 28 mars 2018 - 14 avril 2011 à 21:21
XDamienX007 Messages postés 3615 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 28 mars 2018 - 15 avril 2011 à 17:31
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 :)



A voir également:

4 réponses

a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 217
14 avril 2011 à 21:23
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
XDamienX007 Messages postés 3615 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 28 mars 2018 420
14 avril 2011 à 21:58
Oui voilà parfait

Je le savais mais j'y pensais plus du tout.
Merci du rappel
0
a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 217
14 avril 2011 à 22:40
@manupc : Pourquoi un code aussi long pour une question toute simple ?
De plus le post a déjà été résolu.
0
XDamienX007 Messages postés 3615 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 28 mars 2018 420
15 avril 2011 à 17:31
Ne lui en veut pas..^^

ADMIN: A lock
0
manupc Messages postés 27 Date d'inscription mardi 12 octobre 2010 Statut Membre Dernière intervention 17 avril 2011
14 avril 2011 à 22:48
@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
XDamienX007 Messages postés 3615 Date d'inscription jeudi 3 décembre 2009 Statut Membre Dernière intervention 28 mars 2018 420
15 avril 2011 à 17:30
Merci quand même, mais j'ai ma réponse (la tienne en version courte^^)
0
manupc Messages postés 27 Date d'inscription mardi 12 octobre 2010 Statut Membre Dernière intervention 17 avril 2011
14 avril 2011 à 22:38
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