28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je voulais savoir si l'on pouvait avec un rollhover sur une DIV modifier le background d'une div parente. Pour mieu comprendre je met le code en dessous

HTML
<div id="menu">

    <p id="menu_bouton"><a href="index.html">Acceuil</a></p>
    <p id="menu_bouton"><a href="nom2.html">AAA</a></p>
    <p id="menu_bouton"><a href="descriptif.html">BBB</a></p>
    <p id="menu_bouton"><a href="descriptif.html">CCC</a></p>
    <p id="menu_bouton"><a href="descriptif.html">DDD</a></p>
    <p id="menu_bouton"><a href="descriptif.html">EEE</a></p>
</div>


CSS

#menu
{
	float:left;
	position:relative;
	background-image:url(Image/menu2.png);
	background-repeat:no-repeat;

	width: 20%;
	height:508px;
}

#menu_bouton
{
	position:relative;
	top:5px;
	padding-top:25px;
	margin-left:40px;
	
}

En faite jaurai souhaiter que a chaque passage sur un lien le background change je c que c possible en découpant mon font mais je tiens a éviter.
Donc voila j'aurais souhaiter savoir si c'étais possble et surtout comment le faire.
Merci.
Modifié par Flyer (11 Feb 2009 - 15:40)
Hello Flyer et bienvenue, Smiley smile

la première chose à faire serait de lire Quelle est la différence entre une classe et un id ? car tu utilises plusieurs fois le même id et c'est invalide.

Ensuite tu pourrais enchaîner par la lecture de Comprendre l'héritage et la parenté des styles CSS car il est inutile de donner même une class à tes paragraphes puisque tu peux les cibler directement avec :#menu p

Pour ce qui est de ta question cela n'existe pas (encore) de cibler le parent d'un élément en CSS. Il va falloir faire ça en JavaScript.

Et pour la route, un tuto très intéressant : Créer des menus simples en CSS.
Modifié par Heyoan (11 Feb 2009 - 19:35)
Merci bien pour cette réponse elle m'est d'une grande aide. Je pense que je vais opter pour le Javascript.