Héritage et display

Bonjour à tous,

Je tourne en rond sur un problème d'héritage de style,

Tous les liens sont définis en display:block à un niveau supérieur.

Dans un div enfant spécifique, je ne souhaite pas que ces liens soient de type block, mais dans le flux des phrases (dans retour à la ligne).

J'ai donc mis une class avec un dislay:inline, mais impossible de le faire s'appliquer.

Pourtant la classe et le style sont bien actifs, la deuxième définition plus bas dans le code css.
C'est comme si inline n'annulait pas un block ?

Je parle des liens dans le bloc "Agenda", à droite de cette page : http://afcinema.com/

#navigation li a, #navigation li a:hover
{
	display: block;
	width: 100%;
}

.cannes2007 li p a, .cannes2007 ul a, .cannes2007 li a:hover{
display: inline;
width: 0; 
}

Si quelqu'un a une idée ??
Merci
A.
Modifié par acaton (18 May 2007 - 12:42)

C'est un problème de priorité des sélecteurs. Voir l'article suivant :
http://openweb.eu.org/articles/cascade_css/

#navigation li a a une priorité de 0102
.cannes2007 li p a a une priorité de 0013

Tu peux corriger ton deuxième sélecteur ainsi :

#navigation .cannes 2007 li a {...}

Au passage, si tu n'attribue pas de style différent du style normal lors du survol (pseudo-classe :hover), autant ne pas déclarer de style au survol en doublon...

Juste pour compléter Florent, tu peux aussi attribuer la propriété !important pour déclarer ton élément comme étant prioritaire.
Modifié par Benjamin D.C. (18 May 2007 - 13:03)

Benjamin D.C. a écrit :
Juste pour compléter Florent, tu peux aussi attribuer la propriété !important pour déclarer ton élément comme étant prioritaire.

Sans vouloir dénigrer cette solution, je pense qu'il faut la manier avec précaution : c'est du "bidouillage" qui démontre clairement un problème dans la réflexion initiale de sa feuille de style et des sélecteurs.

Royal, merci.
Correctif apliqué, maintenant je vais voir en détail cette doc.

Raphael a écrit :

Sans vouloir dénigrer cette solution, je pense qu'il faut la manier avec précaution : c'est du "bidouillage" qui démontre clairement un problème dans la réflexion initiale de sa feuille de style et des sélecteurs.

Ah oui tout à fait, c'était juste pour être complet sur les diverses solutions existantes pour résoudre le problème d'acaton.