CSS : rollover d'une image plus grande que la zone lien


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

CSS : rollover d'une image plus grande que la zone lien

Message le Ven Avr 14, 2006 11:29

Bonjour,

jai un div avec une image background de 500px * 40px
dans ce div, j'ai 5 li de 80px*20px cote à cote

et je cherche en css à ce que, au passage de la souris sur un des liens, l'image background de 500*40px change
(je peux modifier le code HTML, j'ai expliqué comme ça pour que l'on imagine le rendu graphique

et je bloque

quelqu'un à une idée ? les tutoriaux alsa et Cie ne m'aide pas trop pour ça

birkoss
WRInaute discret
WRInaute discret
 
Messages: 134
Inscription: 1 Aoû 2005

Message le Ven Avr 14, 2006 12:07

Si ton div est genre :

<div id="menu" style="background-....">

Un peu de javascript sur tes liens :

<a onClick="javascript:change_background('image.gif');" ...>

Et dans le javascript :

function change_background(image)
{
document.getElementById('menu').style.backgroundImage = image;
}

Ou bien p-e j'ai mal compris ta question ...


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Ven Avr 14, 2006 12:11

c'etait sans js ma question :)

madx
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 303
Inscription: 19 Juin 2003

Message le Ven Avr 14, 2006 12:33

<a href="javascript:;" onMouseOver="parent.document.getElementById('ton-div').className = 'taclass2'">test</a>


e-kiwi
Modérateur
Modérateur
 
Messages: 15617
Inscription: 23 Déc 2003

Message le Ven Avr 14, 2006 12:50

le monsieur dit "sans js" :)
(nb : ce n'est pas "parent" dans la solution donnée :) )

Fluidex
WRInaute discret
WRInaute discret
 
Messages: 83
Inscription: 17 Juil 2004

Message le Ven Avr 14, 2006 17:07

Bonjour,

En CSS, tu ne peux modifier au survol d'un élément que :
- lui même
- un élément frère
- un descendant

En aucun cas tu ne pourras modifier l'un des ancêtres.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Images

  • Tester le type de redirection
    Cet outil vous permet de tester la validité d'un lien pour le référencement. Il vous indique la nature du lien (lien en dur, redirection bien gérée par les moteurs ou redirection mal gérée par les moteurs).
  • Calcul du taux de backlinks vers pages internes
    Cet outil vous permet de calculer le taux de liens profonds vers un site web. Un lien profond est un lien qui ne pointe pas vers la page d'accueil mais au contraire vers une page interne du site. Les sites dont l'essentiel du référencement vient de leurs inscriptions dans des annuaires ont un taux de liens profonds faible ; à l'inverse, les sites de référence ont souvent un taux de liens profonds plus important, signe que leur contenu a suscité de nombreux liens spontanés.
  • Transformer des citations en liens
    Cet outil vous permet de trouver des pages citant votre site mais ne faisant pas (encore) de lien. Il suffira parfois d'un simple mail pour transformer cette simple citation en lien (backlink).


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités