changement du fond d'un block [onmouseover]

28 juin 2007, 14:56

Bonjour,
je fais un site
http://www.courant-alternatif.org/divers.php
Mais j'aimerai que le fond des balises "li" change de couleur

Code : Tout sélectionner

<ul>
					<li onmouseover="this.background.color='yellow'" onmouseout="this.style.background.color='black'"><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
					<li><a href="/">#########</a></li>
				</ul>

Merci

28 juin 2007, 15:35

fais ça par une feuille de style
mets le code suivant dans le head

Code : Tout sélectionner

<style type=text/css>
 li {	width: 100px ;
	background: black ;
border: 1px solid #2f0c6b ;
	margin-bottom: 1px ;
	}

 li a:hover, #nav li a:focus, #nav li a:active {
background:yellow;
text-decoration: underline ;
}
</style>

28 juin 2007, 15:36

Je pense que tu as très bien défini ce que tu voudrais avoir, tu nous donnes le code, mais tu ne nous dit pas ce qui ne fonctionne pas

En tout cas, pour IE (du moins jusqu'a IE6 sûr, IE7, j'ai pas testé), onMouseOver et onMouseOut ne fonctionnent que pour les balises <a>.

28 juin 2007, 15:41

le code CSS que je t'ai mis plus haut va s'appliquer à tous les <li> bien entendu
mais je pense que c'est ce tu recherches
d'autre part les onmouse over etc.. deviennent inutiles..

28 juin 2007, 16:49

En tout cas, pour IE (...), onMouseOver et onMouseOut ne fonctionnent que pour les balises <a>.

C'est le style "hand over" (:hover et compagnie) qui ne fonctionne que pour les liens sous IE. Les attributs onMouseOver et onMouseOut fonctionnent très bien eux, et peuvent déclencher une action javascript

Quant au javascript donné ci-dessus, il te manque le .style dans le onMouseOver et tu peux utiliser soit la propriété .background, soit .backgroundColor, mais pas .background.color

<ul> 
  <li onMouseOver="this.style.background='yellow;'" onMouseOut="this.style.background='black';">
    <a href="/">#########</a>
  </li> 
</ul>

28 juin 2007, 17:11

oui merci, j'avais oubliez qu'il fallait remplacer le tiret par une majuscule

Code : Tout sélectionner

<li onmouseover="this.backgroundColor='#FFAE5F'" onmouseout="this.style.backgroundColor='#246403'"><a href="/">#########</a></li>

Le mouseover ne fonctionne pas.
Seul ie bug effectivement avec FF je n'est pas besoin de spécifier un code.

28 juin 2007, 17:18

désolé Ryle, je t'avais mal lu

Code : Tout sélectionner

					<li onMouseOver="this.style.background='#FFAE5F'" onMouseOut="
					this.style.background='#246403'">

Merci à tous

28 juin 2007, 17:31

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton

qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

28 juin 2007, 17:36

je suis inscrit "x@v"
mais je suis sous w$ pour le design et pour développer sous ubuntu.
et j'ai perdu mon pass...
Merci

je me suis embrouillé

changement du fond d'un block [onmouseover]

Qui est en ligne