Forum d'entraide PHPFrance

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

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>

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>.

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..

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>

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.

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

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 !!!

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é

Forum d'entraide PHPFrance

changement du fond d'un block [onmouseover]

changement du fond d'un block [onmouseover]