Rollover sur td ??

The strokes -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour a tous les amis,

J'ai un petit soucis....

Voila sur mon site j'ai des fiches produits que j'ai créer avec tooshop et que j'insère dans des div.
Seulement pour pouvoir mettre mon image en arrière plan je dois insérer dans cette div un tableau de la même taille que ma div et dans la cellule principale (td) de ce tableau je mets dans le code un background img pour pouvoir insérer du texte dans cette cellule car avec une img src je ne peux pas insérer du texte.

Donc après tout ceci je souhaiterai appliquer un rollover sur cette fiche pour permettre une impression de bouton presser mais seulement quand je place mon rollover, il ne s'affiche pas que la div en question mais sur tous l'écran.
Bizarre car j'ai déjà appliquer des rollover et ça ne m'a jamais fait ça.
Je précise que mon rollover est de la même taille que mon image d'origine.

Donc est ce que quelqu'un pourrait m'éclaire car la je rame.
Je précise que je bosse sur Dreamweaver cs 3 (eh oui ça change la vie) .

Merci d'avance a tous et n'hésiter pas a me demander des renseignements si je ne suis pas assez explicite.

The strokes

7 réponses

Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

Seulement pour pouvoir mettre mon image en arrière plan je dois insérer dans cette div un tableau de la même taille que ma div et dans la cellule principale (td) de ce tableau je mets dans le code un background img pour pouvoir insérer du texte dans cette cellule car avec une img src je ne peux pas insérer du texte.
un peu compliqué quand même !
-;o)
<div id="monid">
    <p>du texte sur l'image…</p>
</div>

et en CSS :
div#monid{
    background-image:url(chemin/vers/ton/image.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
}

et après tu devrais pouvoir ajouter ton rollover plus facilement.
-:o)
0
Thestrokes
 
Merci Dalida,

ca marche en fait pour le image dans la div
c'est vrai que je me suis un peu compliquer la tache
logique en css

par contre pour le rollover (permuter une image), ca me fait toujours le mème chose.
le rollover s'ecarte bizarrement dans toute la page et non pas dans ma div

Aurait une solution mon ami ??
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
tu le fais avec quoi ton rollover ?
0
Thestrokes
 
Dreaweaver, permuter une image, on mouseover,onmouseout....
sur un img irc ca fontionne
mais apparament sur un background dans le css ca ne prends pas

Je comprends pas
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
tu peux le faire en CSS :
div#monid:hover{
    background-image:url(chemin/vers/une/autre/image.png);
}

mais IE6 ne reconnait pas le pseudo sélecteur :hover sur autre chose que <a>.

sinon avec un peu de JS (comme le fait DW mais l'adaptant).
0
Thestrokes
 
merci pour le css, cela fontionne
je vais essayer de cherche en javascript sinon au pire j'utiliserai le css hover
mais quesque tu veux dire par sans la balise <a>

merci encore en tous les cas
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
je veux dire que IE6 reconnait {a:hover} mais pas {p:hover} ou n'importe quelle autre balise avec :hover.
0