Rendre un background cliquable...
Résolu/Fermé
zippeur
Messages postés
197
Date d'inscription
dimanche 9 novembre 2008
Statut
Membre
Dernière intervention
5 juin 2017
-
11 févr. 2011 à 03:08
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 15 févr. 2011 à 19:37
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 15 févr. 2011 à 19:37
A voir également:
- Rendre un background cliquable...
- Rendre un fichier moins volumineux - Guide
- Sommaire cliquable word - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Background remover - Télécharger - Montage photo
- Rendre une cle usb bootable - Guide
4 réponses
Utilisateur anonyme
11 févr. 2011 à 07:32
11 févr. 2011 à 07:32
Bonjour, tu peux mettre une img dans un lien:
<a href="monlien"><img src="img1.jpg" width="500px" height="500px" /></a>
ou sinon mettre un lien en display: block; et y mettre une image de fond je pense.
#monlien {
display: block;
width: 500px;
height: 500px;
background: url('img1.jpg') no-repeat center ;
}
A confirmer
+++ Spangenhelm +++
<a href="monlien"><img src="img1.jpg" width="500px" height="500px" /></a>
ou sinon mettre un lien en display: block; et y mettre une image de fond je pense.
#monlien {
display: block;
width: 500px;
height: 500px;
background: url('img1.jpg') no-repeat center ;
}
A confirmer
+++ Spangenhelm +++
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
Modifié par Mihawk le 11/02/2011 à 11:57
Modifié par Mihawk le 11/02/2011 à 11:57
Hello,
Tu peux aussi appliquer à la div concerné un background ET un évènement onclick :
Tant qu'on ne fait pas, on ne sait pas.
Tu peux aussi appliquer à la div concerné un background ET un évènement onclick :
<div style="text-align: left; height: 215px; background: url(images/imagespro/$image) no-repeat scroll center top transparent; padding: 0px;" onclick="window.location('monurl');">
Tant qu'on ne fait pas, on ne sait pas.
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
11 févr. 2011 à 13:52
11 févr. 2011 à 13:52
Un background sert uniquement à la décoration : c'est un non sens de le rendre cliquable, contraire à toute règle d'accessibilité.
Tout élément cliquable doit être dans le code html (texte ou image dotée d'un alt pertinent), et non CSS.
Tout élément cliquable doit être dans le code html (texte ou image dotée d'un alt pertinent), et non CSS.
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
11 févr. 2011 à 14:48
11 févr. 2011 à 14:48
Il n'a pas demandé l'accessibilité, il a demandé un background cliquable...
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
11 févr. 2011 à 16:58
11 févr. 2011 à 16:58
Mouarf ! Ça c'est de la réponse !
"ben quoi, il m'a demandé une corde pour se pendre, je lui ai donné puisqu'il me l'a demandé ! Où est le problème ?" :-D
"ben quoi, il m'a demandé une corde pour se pendre, je lui ai donné puisqu'il me l'a demandé ! Où est le problème ?" :-D
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
845
15 févr. 2011 à 19:37
15 févr. 2011 à 19:37
Oups, je ne savais pas que coder salement était un crime, au temps pour moi.
zippeur
Messages postés
197
Date d'inscription
dimanche 9 novembre 2008
Statut
Membre
Dernière intervention
5 juin 2017
1
11 févr. 2011 à 23:06
11 févr. 2011 à 23:06
merci a vous tous mais jais trouver une solution a mon problem.
______________________________________________________
css
#zone1 { /* la zone de lien */
float: left;
width : 100%;
height: 100%;
margin-left: 0px;
margin-top: 0px;
}
___________________________________
code de la page en php
<div style='text-align: left; height: 215px; width:auto; background: url(images/imagespro/$image)
no-repeat scroll center top transparent; padding: 0px;'><a id='zone1' href='index.php?pg=article&id_s_f=".$res['id_s_f']."&id=".$res['id']."' title='click'> <img src='promo/$promo'></div></a>
______________________________________________________
css
#zone1 { /* la zone de lien */
float: left;
width : 100%;
height: 100%;
margin-left: 0px;
margin-top: 0px;
}
___________________________________
code de la page en php
<div style='text-align: left; height: 215px; width:auto; background: url(images/imagespro/$image)
no-repeat scroll center top transparent; padding: 0px;'><a id='zone1' href='index.php?pg=article&id_s_f=".$res['id_s_f']."&id=".$res['id']."' title='click'> <img src='promo/$promo'></div></a>