Salut,
 
voilà, j'essaye de faire un site propre et d'utiliser des DIV à la place des TABLE.
 
J'essaye de faire un menu réactif.
 
Les exemples que j'ai trouvé sont tous avec des rollover en images ou avec des TABLE
 
en fait je cherche à appliquer sur un layout avec div
   

• un style pour l'affichage normal (bleu clair).

• un style quand la souris est sur le calque (bleu foncé).

j'ai fait ca, mais la cellule ne change pas, comment appliquer le style-2 lors d'un onmouseover ?
 

 
merci.

pas de mouseover pour les <div>
 
(active l'alerte/le debugeur de script)

zut, je le fait avec dreamweaver et je repasse derriere sur le code et Dream me donnait onmouseover dans la liste des attributs

Argh ! quelle horreur !
 
Bon reprenons, il y a 2 manières de faire des rollovers sur un <div> :
 
* Soit avec JavaScript
 
Dans ce cas tu dois donner un nom correct à ton <div> avec l'attribut "id". Déjà, tu n'as pas droit aux espaces dans "id", donc ton id="Menu 1-2" est faux. Je rappelle également qu'un "id" doit être unique pour tout le document.
 
Ensuite ton onmouseover est faux. Tu ne peux pas écrire onMouseOver="class="menu-1-on"; car le navigateur va s'arrêter dès le 2ème guillemet et ne va garder que "class=" ce qui est faux. De toute façon ce n'est pas comme ça qu'on change la couleur du fond.
 
Tu dois écire ton onmouseover comme ça :
 

 
"this" sert à désigner l'objet courant (le <div> ).
 
Ensuite il suffit de faire pareil avec un onmouseout pour remettre la bonne couleur lorsque la souris quitte le <div>
 
 
* Soit avec les CSS
 
J'imagine que ton menu contient des liens. On peut donc imaginer qu'ils s'organisent comme ça :
 

 
Déjà, on peut se dispenser de mettre chaque lien dans un <div> grâce à la propriété CSS display: block;
 

 
Ceci dit que tout élément <a> se trouvant dans un <div> qui a l'id "menu", l'élément <a> se comporte comme une boîte (c'est à dire comme un <div>, les <a> s'empilent verticalement les uns sur les autres)
 
Ensuite il suffit de définir une couleur de fond pour l'élément <a> ainsi qu'une couleur pour le cas où la souris se trouve en dessus de celui-ci. Ce qui au final nous donne :
 

 
 
A toi donc de choisir la méthode qui te convient (la seconde est à préférer car tout le monde n'active pas le JavaScript)

merci, j'utiliserai la 2ème méthode si je ne trouve pas un moyen de faire ce que je voulais.
 
Je voulais faire un menu de ce type (<2Ko) : http://jiff23.free.fr/menu.swf
 
c'est un menu fait en moins d'une minute avec Flash, mais je vais essayer de ne pas faire les éléments importants en Flash afin qu'ils puissent être vus par tout le monde.
 
et je voulais utiliser les css pour pouvoir changer les couleurs des menu juste en changant une valeur dans le css.
 
donc, on ne peut pas utiliser les css pour ce type de menu ??
 
si vous avez des liens (oui, je sais...j'ai déja commencer à chercher ).

Ben si c'est ce que j'ai commencé à faire à mon post précédent.

Jiff a écrit a écrit : si vous avez des liens (oui, je sais...j'ai déja commencer à chercher ).

Voir ma signature, il y a plein de liens vers des sites sur les CSS

merci, j'ai réussi ce que je voulais  

jette un petit coup d'oeil la dessus !
 
http://www.magnin-sante.ch/mon_php.php
 
SVP, ca serait bien si vous signaliez les erreurs dans le HTML ou dans le script ! ... D'après ce que je lis en haut je ne m'y suis pas pris de la meilleurs manière ! ... Ce script fonctionne à partir de IE4 et netscape 4 !!! c'était son but ! ... m'enfin qui utilise encore ca de nos jours ?