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

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


e-kiwi
Modérateur
Modérateur
 
Messages: 13854
Inscription: Mar Déc 23, 2003 9:04

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 occasionnel
WRInaute occasionnel
 
Messages: 134
Inscription: Lun Aoû 01, 2005 18:00

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: 13854
Inscription: Mar Déc 23, 2003 9:04

Message le Ven Avr 14, 2006 12:11

c'etait sans js ma question :)

madx
WRInaute impliqué
WRInaute impliqué
 
Messages: 303
Inscription: Jeu Juin 19, 2003 10:18

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: 13854
Inscription: Mar Déc 23, 2003 9:04

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: Sam Juil 17, 2004 15:26

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.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Image Labeler, 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: tryan et 0 invités