onMouseOver dans une class de ul ?

onMouseOver dans une class de ul ? - HTML/CSS - Programmation

Marsh Posté le 28-09-2005 à 18:07:35    

Bonjour,
j'ai un site dynamique qui génère mon menu de la manière suivante :

Code :
  1. <ul class="bloc1">
  2. <li><a href="<MIGC_LNK_HERE>" class="lienMenu_cat"><MIGC_NAME_HERE></a></ul>


 
 
J'aimerai avoir un rollover (changement d'arriere plan) de mon UL uniquement (qui correspond au fond du menu donc largeur et hauteur de chaque titre du menu) est ce possible? J'ai tenté ceci mais sans réussite.

Code :
  1. <ul class="bloc1" onMouseOver="this.style.BackgroundColor='red'">
  2. <li><a href="<MIGC_LNK_HERE>" class="lienMenu_cat"><MIGC_NAME_HERE></a></ul>


 
 
je cherche désespérement  :sweat:
 
Pour illustrer mon exemple, voici le site : http://bodycareshopping.bugiweb.com/pages/   (les menus sont a gauche)


Message édité par Dolby le 28-09-2005 à 18:09:21
Reply

Marsh Posté le 28-09-2005 à 18:07:35   

Reply

Marsh Posté le 28-09-2005 à 18:24:09    

T'as pas une couleur de fond définie sur les li, ce qui empêcherait de voir la couleur du ul ?

Reply

Marsh Posté le 28-09-2005 à 19:20:26    

t'es le deuxieme boulet aujourd'hui a faire un menu avec un onmouseover de merde
 
     <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=220" class="lienMenu_cat">Anticellulite</a></ul>
 
 
 
alors que en allant ici : http://css.maxdesign.com.au/listamatic/
 
tu comprendras tout de suite qu'en mettant l'effet over sur le A c'etait tout bidon

Reply

Marsh Posté le 28-09-2005 à 19:34:57    

Nan mais il veut sur le ul, pas sur les a ;)

Reply

Marsh Posté le 28-09-2005 à 19:53:49    

FlorentG !! Tu as regardé son site ? tu as matté son menu comment il est foutu ?  
 

Code :
  1. <ul>
  2.       <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=220" class="lienMenu_cat">Anticellulite</a></ul>
  3. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=222" class="lienMenu_cat">Soutien articulation</a></ul>
  4. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=224" class="lienMenu_cat">Contention</a></ul>
  5. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=230" class="lienMenu_cat">Stimulateurs</a></ul>
  6. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=233" class="lienMenu_cat">Coussins</a></ul>
  7. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=234" class="lienMenu_cat">Massage</a></ul>
  8. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=238" class="lienMenu_cat">Hydrothérapie</a></ul>
  9. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=241" class="lienMenu_cat">Thermomètres</a></ul>
  10. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=244" class="lienMenu_cat">Gamme enfant</a></ul>
  11. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=246" class="lienMenu_cat">Tensiomètres</a></ul>
  12. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=249" class="lienMenu_cat">Pèse personne</a></ul>
  13. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=250" class="lienMenu_cat">Aérosolthérapie</a></ul>
  14. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=252" class="lienMenu_cat">Humidificateurs</a></ul>
  15. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=255" class="lienMenu_cat">Purificateurs</a></ul>
  16. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=258" class="lienMenu_cat">Sauna facial</a></ul>
  17. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=259" class="lienMenu_cat">Nettoyeurs ultrasonic</a></ul>
  18. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=260" class="lienMenu_cat">Trimmers - rasoirs</a></ul>
  19. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=261" class="lienMenu_cat">Manucure-Pédicure</a></ul>
  20. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=263" class="lienMenu_cat">Parfumeurs</a></ul>
  21. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=266" class="lienMenu_cat">Peaux de mouton</a></ul>
  22. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=269" class="lienMenu_cat">Cosmétique</a></ul>
  23. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=281" class="lienMenu_cat">Epilation</a></ul>
  24. <ul class="bloc1" onMouseOver="this.style.background='url(../usr/images/back_cat.gif)';" onMouseOut="this.style.background='url(../usr/images/back_cat_ok.gif)';"><li><a href="../cgi-bin/shop.pl?shop=1&extlnk=4&tree=283" class="lienMenu_cat">Poitrine</a></ul>


 
on a une succession de <UL><UL> alors que c'est normalement <ul><li><a>
ensuite pour un menu comme il a là, je vois vraiment pas l'interet de vouloir styler le LI (son pseudo UL a deux balles) alors que  
A {
  display:block;
 padding-left:5px;
background:none;
}
A:hover {
  background : url(monimage.jpg)
}
 
ca suffit amplement

Reply

Marsh Posté le 28-09-2005 à 22:15:24    

Ah ok :D J'avais pas vu [:johneh]

Reply

Marsh Posté le 28-09-2005 à 22:32:14    

tu mérites le fouet

Reply

Marsh Posté le 29-09-2005 à 11:19:44    

Sisi, il a bien des <li>, un seul <li> par <ul> :o et pas fermé en plus :o :o :o C'est clair que c'est bizare comme façon de faire un menu. :lol:


Message édité par omega2 le 29-09-2005 à 11:20:01
Reply

Marsh Posté le 27-10-2005 à 20:05:58    

du calme lol  c'est corrigé  :sweat:  
 
gatsusat, merci pour le lien :)


Message édité par Dolby le 27-10-2005 à 20:07:47
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed