Discussion :

[Mo_Poly]

Salut,

J'essaye d'afficher une image en survolant un lien, j'ai essayé le code suivant pour cela

Code php/html :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo"
 
                                            <td class=\"photo\" align=\"center\"><a href=$photo>lien<img src=$photo></a></td>";

et le code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
td#photo a img
{
    height:0;
    width:0;
    border-width:0;
}
 
td#photo a:hover img
{
    position:absolute;
    height:30px;
    width:20px;
    border-width:1;
}

Ça ne marche malhereusement pas, quand j'ouvre ma page, la photo est toujours affiché, malgrés que j'ai spécifié dans mon code css height:0 et width:0 par defaut!


voyez vous une erreur ?


Merci.


...

[Kerod]

Pourquoi tu ne mets tout simplement pas un display:none ?

Ensuite pour rappel des règles de ce forum :

Suite à ce rappel, je voudrais porter à votre attention que ces forums ne doivent contenir que le code affiché par le navigateur. En effet, les codes PHP ou tout autre langage dynamique ne servent qu'à générer le corps de votre page et donc votre problème ne pourra être résolu qu'en étudiant le code interprété par le navigateur. De ce fait, avant de poser votre question merci d'épurer votre code de tout langage (serveur ou client).

Et l'erreur vient du # au lieu du . qui définit la classe

[Mo_Poly]

Pourquoi tu ne mets tout simplement pas un display:none ?

Ensuite pour rappel des règles de ce forum :

Et l'erreur vient du # au lieu du . qui définit la classe

oups oui erreur d'innattention, ca marche trés bien oui


et je m'excuse pour le code php, je suis au courant des regles, mais je me suis dit que vu que c'est juste une petite ligne et c'est juste un echo que c'est pas grave,vu que l'echo contient du code html, en tout cas je m'excue et merci pour ton aide.



...

[Kerod]

Juste une question : Pourquoi redimensionner la taille de l'image alors que tu pourrais très bien faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
td.photo a img
{
    border-width:1;
    height:30px;
    width:20px;
    display:none;
}
 
td.photo a:hover img
{
    position:absolute;
    display:block;
 
}