Membres


Pas encore membre ?
inscrivez-vous ici

Connexion :
Login
Code
Mot de passe perdu ?
Liste des membres

Image Cliquable dans img background ???

Image Cliquable dans img background ???


Image Cliquable dans img background ???     Posté le 23/06/2008 à 13:00
3000fr
Membre
3000fr
Site perso
115 posts
Inscrit le : 30/08/2003
Hello - encore moi smiley 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 smiley :

<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 smiley smiley smiley








________________________
Image
 
Réponse à : Image Cliquable dans img background ???     Posté le 24/06/2008 à 12:35
cityves
Membre
Avatar
Site perso
567 posts
Inscrit le : 10/12/2004
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
sky
Administrateur
Avatar
Site perso
4223 posts
Inscrit le : 13/08/2003
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>&nbsp;</td><td width="517"><br />

        <font size="1" style="color: #990000">Bonjour <b>graphiks</b> &nbsp;&nbsp;&nbsp;&nbsp;<span class="pied"><a href="/dc.php">Deconnexion !</a></span>&l t;/font>    </td>

       <td width="116">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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>&nbsp;</td>
          <td width="517"><br /><font size="1" style="color: #990000">Bonjour <b>graphiks</b> &nbsp;&nbsp;&nbsp;&nbsp;<span class="pied"><a href="/dc.php">Deconnexion !</a></span>&l t;/font></td>
          <td width="116">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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
Image
=> à quoi sert internet explorer ?
=> à télécharger firefox
 
Réponse à : Image Cliquable dans img background ???     Posté le 24/06/2008 à 13:08
sky
Administrateur
Avatar
Site perso
4223 posts
Inscrit le : 13/08/2003
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
Image
=> à quoi sert internet explorer ?
=> à télécharger firefox
 
Réponse à : Image Cliquable dans img background ???     Posté le 24/06/2008 à 15:36
3000fr
Membre
Avatar
Site perso
115 posts
Inscrit le : 30/08/2003
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>&nbsp;</td><td width="517"><br />


Rien passe ... Je pense que je place pas juste .. smiley

Merci uhuh

_______________________
Image
 
Réponse à : Image Cliquable dans img background ???     Posté le 24/06/2008 à 16:09
cityves
Membre
Avatar
Site perso
567 posts
Inscrit le : 10/12/2004
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
3000fr
Membre
Avatar
Site perso
115 posts
Inscrit le : 30/08/2003
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




_______________________
Image
 
Réponse à : Image Cliquable dans img background ???     Posté le 25/06/2008 à 09:16
cityves
Membre
Avatar
Site perso
567 posts
Inscrit le : 10/12/2004
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
3000fr
Membre
Avatar
Site perso
115 posts
Inscrit le : 30/08/2003
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 smiley Merci encore


_______________________
Image
 
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.

Nous  -  Plan du site  -  Informations légale  -  Contact  -  © Graphiks.net