Modifier div dans un css proble de menu

Bonjour a tous.
J'essaie de recrire un site et je voudrais virer touttes les function js ou le css est exploitable.

donc j'ai un menu avec des icones quand je sourvole l'icone change (ca je sait faire aussi en css) et le txt dans un autre <div> change avec un mouse over et un .innerHTML

je voidrais faire ca tout en css j'ai trouve la soution suvante

 a.imgGal:hover{
 background: url(../icone/start/iconafix.gif) no-repeat;
  background-position: 0px 25px;
 color:#FFFFFF; /* meme couleur que l fond pour cacher le text */
 text-decoration: none;	
 }
 
a.imgGal{
 display: block;
 width: 50px; 
 height: 60px;
  color:#070010;/* on change la couleur du text pour que on le vois */
 background: url(../icone/start/icona2.gif) no-repeat;
 background-position: 0px 25px;

 }

et l'html

 <div id="lTxt" style="position:absolute; left:0px; top:0px; width:72px; height:60px; z-index:6">
    
    <a class= "imgGal" href="abc.html">le text</a>

  </div>

mais elle me sattisfait pas car quand je sourvole le la partie du text le texte s'affiche et je voudrais le faire seulment quand je sourvole l'icone

j'ai vu dans des menu sur alsacreation http://css.alsacreations.com/modelesmenus/g04.htm#
mais c'est une solution que me sattisfait pas...

quelq'un a une idee

je continue a crauser de mon cote

merci

a+
Modifié par thetoad (31 May 2005 - 11:42)

Si tu essayais de faire comme ça pour le code html :

 <div id="lTxt" style="position:absolute; left:0px; top:0px; width:72px; height:60px; z-index:6">

<a class= "imgGal" href="abc.html">& nbsp;</a><a href="abc.html">le text</a>

</div>

en gros tu remplaces :

<a class= "imgGal" href="abc.html">le text</a>

par :

<a class= "imgGal" href="abc.html">& nbsp;</a><a href="abc.html">le text</a>

c'est un peu lourd mais ça devrait marcher ?

PS : remplace le & nbsp; par & nbsp; sans espace entre le & et le nbsp;

merci roms,
avec ta solution j'ai un comportement assez bizzaree...

en fait je me suis assez mal esprimee

le relutat doit etre comme sur cette page
http://cie.decina.free.fr/french/start.htm
(regardez pas trop la source elle est degolasse c'est une phase de transition de recriture)

je me domande si je peut faire la meme chose que avec du css, sans javascript et pas de txt dans des images et sans recriture a la vole de txt-img en php.
que en css quoi.

en fait est que je peut changer une propiete d'un style css dans un autre style css

quelque chose comme cela

a:hover{ #unautrestyle(color:#FFFFFF) }

ou tout autre solution est la bien venue
Modifié par thetoad (31 May 2005 - 11:41)

a écrit :
en fait est que je peut changer une propiete d'un style css dans un autre style css
quelque chose comme cela

a:hover{ #unautrestyle(color:#FFFFFF) }

Il me semble que CSS n'est pas trop fait pour ce genre d'utilisation. Il y a peut-être des moyens de ruser, mais CSS n'est pas un langage de programmation censé dynamiser une page... du coup se servir du style d'un élément comme "interrupteur" pour déclencher une action extérieure à cet élément n'est pas possible (sauf si je dis une conneire ).