28172 sujets

CSS et mise en forme, CSS3

Menu css et contexte

bonjour
j'utilise le principe de menu roll over avec image coulissante
et je souhaite garder le contexte de navigation (avoir l'etat du bouton à 'over' sur la page correspondant au lien cliqué)
je pensais passer un id variable dans le body (php)
<body id=Contvillage>
et construire un etat css pour ce cas mais ca ne fonctionne pas..
syntaxe de css ou principe qui bug?

div#Contvillage, #village ul#menu1 li item1 a {
width: 220px;
height: 49px;
background:url('../images/levillage_over.png') no-repeat 0 -49px;
}
Bonjour,

Un code CSS sans le code HTML auquel il correspond ne nous aidera pas à t'aider.

ps. : Merci d'utiliser les BBcode [ code] et [ /code] (sans espaces) pour mettre en forme tes portions de code.

/* csss */
div#village{
      position : absolute;
      top : 0px;
       left : 0px;
       width: 220px;
       height: 49px;
}
ul#menu1 {
		margin:0;
		padding:0;
		list-style-type:none;
		margin:0px 0 0 0px;
    padding:0; 
	}
ul#menu1 li a {
display:block;
width:220px;
height:49px;
background:url('../images/levillage_over.png') no-repeat 0 0;
border:1px;
}
ul#menu1 li {
		margin:0 0 5px 0;
		padding:0;
	}
#item1 a:hover {
background:url('../images/levillage_over.png') no-repeat 0 -49px;
}
#item1On {
        width: 220px;
       height: 49px;
 background:url('../images/levillage_over.png') no-repeat 0 -49px;
}
/* c'est sur ce qui suit que je me pose question... */
div#Contvillage,  #village ul#menu1 li item1 a { 
	 width: 220px;
       height: 49px;
background:url('../images/levillage_over.png') no-repeat 0 -49px;	
}
/* fin css */


cas ou le lien a été cliqué :
<html>

<body id="Contvillage">

<div id="village">
        <ul id="menu1">
         <li id="item1"><a href="index.php?link=village"></a></li>
        </ul>     
       </div>
Salut,

Déja si ton identifiant de body est une donnée importante de ta sélection, il doit appartenir à ton sélecteur et non en être séparé par une virgule comme un sélecteur différent.

Donc je pencherai pour quelque chose dans le genre :
div#Contvillage #village ul#menu1 li item1 a
Mais comme le disait Laurie-Anne, difficile de répondre précisément sans le code html qui va avec.

Un peu de révisions sur les sélecteurs :
Yoyodesign
Float that box
avec une virgule :
div#Contvillage, #village ul#menu1 li#item1 a

mon bouton est bien en over mais tout le temps...
je tâtonne pour l'instant...
j'ai fait un poil autrement
<div id="village">
        <ul id="menu1">
         <li id="item1"><a href="index.php?link=village" {ACTIFMENU1}></a></li>
        </ul>     
       </div>

ou j'ai une variable pour chaque item de menu
qui prend comme valeur 
class="item_active"

avec comme css :

#item1  a.item_active{
	 width: 220px;
       height: 49px;
background:url('../images/levillage_over.png') no-repeat 0 -49px;	
}
Sujet clos
Aller à