Image Cliquable dans img background ??? Posté le 23/06/2008 à 13:00
Hello - encore moi

J'aimerais de l'aide, en effet, est-il possible de faire une image cliquable dans la construction du fond du site soit: J'aimerais que si l'on clique sur l'image top cela amène à l'accueil, Home du site:
L'image est intégrée à la construction (Je pense)
http://www.tantra-fr.com/
C'est SKY qui a créé ça ...et j'y pige que dale

:
<a name="top" id="top"></a>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="cadre">
<tr valign="bottom">
<td height="113" background="/img/tantra-top.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0"></td>
J'ai tenté ça, mais je n'arrive pas à l'incorporer ...
L'endroit ou j'aimerais le lien HOME:
Image CLiquable dans la selection ici
<img src="file:///F|/EasyPHP/www/tantra-fr/img/tantra-top.jpg" width="800" height="113" border="0" usemap="#ImageMap1" alt="TANTRA PH">
<map name="ImageMap1">
<area shape="rect" coords="13, 12, 718, 100" href="http://www.tantra-fr.com/" target="_blank" alt="TANTRA PH">
</map>
Est-ce possible - Merci
________________________
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 12:35
bonjour,
essaie avec ceci dans ton "tr valign="bottom" rajoute le onclik et le pointer et tu mets l'adresse que tu veux au http://.... comme ceci:
<tr valign="bottom" onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer" >
_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 13:07
Sinon, essaye en CSS, ça marche bien.
Reprend le même code que sur le site actuellement e faire un truc comme ceci :
change ceci :
<tr valign="bottom">
<td height="113" colspan="3" background="/img/tantra-top.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="167"><br> </td><td width="517"><br />
<font size="1" style="color:
#990000">Bonjour <b>graphiks</b> <span class="pied"><a href="/dc.php">Deconnexion !</a></span>&l
t;/font> </td>
<td width="116">
<b><font size="1">4 Online !</font></b> &nbs
p; </td>
</tr>
</table>
</td>
</tr>
par ceci
<tr valign="bottom">
<td height="113" colspan="3" background="/img/tantra-top.jpg">
<a href="" style="display:block;position:absolute;margin-top:10px;margin-left:10px;width:500px;height:40px;border:1px solid red"></a&
gt;
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="167"><br> </td>
<td width="517"><br /><font size="1" style="color:
#990000">Bonjour <b>graphiks</b> <span class="pied"><a href="/dc.php">Deconnexion !</a></span>&l
t;/font></td>
<td width="116"> <b><font size="1"
>4 Online !</font></b> </td>
</tr>
</table>
</td>
</tr>
Tu peut bien sur changer le width, height et margin pour le placer correctement, et après retire la bordure rouge.
Sky
_______________________
Graphiks :
Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 13:08
ha oui, c'est le principe ... j'ai pas le code php sous les yeux ... alors tu va devoir bien regarder ou tu place le lien.
Sky
_______________________
Graphiks :
Cours PHP
=> à quoi sert internet explorer ?
=> à télécharger firefox
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 15:36
Hello ...merci pour l'aide ... bon j'ai testé...
Pas réeussi jusqu'à maintenant ...
Le code actuel est exactement:
<body>
<a name="top" id="top"></a>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="cadre">
<tr valign="bottom">
<td height="113" colspan="3" background="/img/tantra-top.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="167"><br> </td><td width="517"><br />
Rien passe ... Je pense que je place pas juste ..
Merci uhuh
_______________________
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 16:09
bonjour,
le principe de sky est plus propre que la ligne que je t'ai indiquée,
néanmoins ma ligne de code que tu as juste a ajouter a ta ligne <tr valign="bottom"> est facile a placer^^ ceci :
onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer"
pour avoir donc:
<tr valign="bottom" onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer" >
testé avec FF sur ta page ca fonctionne.
_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
Réponse à : Image Cliquable dans img background ??? Posté le 24/06/2008 à 16:25
Re - Hum ... j'ai juste remplacé
<tr valign="bottom">
Je met que ça ?
<tr valign="bottom" onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer" >
ça Marche - Est-ce Correct? - Merci
EDIT
PS 1: Possible de mettre un texte en ALT ou title quand on passe la souris ?
PS 2: Le Code de SKY est mieux .. ou celui çi va ... ? J'ai pas réeussi
_______________________
Réponse à : Image Cliquable dans img background ??? Posté le 25/06/2008 à 09:16
bonjour,
oui ca marche (tu peux enlever le " ; " que tu as mis après le mot "pointer" il n'a rien a faire là ^^
et tu peux ajouter un title si tu veux :
title= "retour accueil" (par exemple)
donc ceci:
<tr valign="bottom" onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer" title="retour accueil" >
_______________________
c'est déjà assez triste de n'avoir rien à dire !!!
Si en plus il fallait se taire.....
Réponse à : Image Cliquable dans img background ??? Posté le 25/06/2008 à 11:25
Hello - Ah lol, je pensais pas que c'était si simple ...
Bon c'est fait - J'ai mis:
<tr valign="bottom" onClick="document.location='http://www.tantra-fr.com' " style="cursor:pointer" title="Retour Accueil * Back TANTRA-FR Home"
>
Par contre je trouve pas de ; ??? Je vois pas ...
cursor:pointer la il y a : et après rien juste la fin du code ?
En tous les cas ca marche nickel

Merci encore
_______________________
Vous n'est pas connecté en temps que membre, parceque j'en ai marre du spam, SEUL les membres peuvent poster des messages sur le forum.