[CSS]Classe qui ne s'applique pas

**narnou** · 10/03/2006, 10h45

Bonjour

je suis en train de devenir complètement dingue !

J'ai une classe css qui ne veut pas s'appliquer et je ne comprends absolument pas pourquoi

Dans une page HTML (la meme) j'ai 2 div comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div id="voilier_title" class="form_titre">
  <b>Voilier</b> - étape 2/4
</div>
 
<div id="voilier_head" class="form_head">
  <span class="form_head_title">Voilier</span>
</div>

Et voici mon code css (les 2 classes dnas la meme feuille) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
.form_titre {
width:450px;
height:18px;
background-image:url("../img/formulaire/ligne-haut.jpg");
}
.form_head {
width:450px;
height:18px;
background-image:url("../img/formulaire/ligne-haut.jpg");
}

Les classes sont évidemment sensées avoir des styles différents, mais vu que ca foirait j'ai voulu tester... C'est abhérent, la classe form_head s'applique bien, la classe form_titre elle reste muette...

Je n'y comprends rien, mes divs sont dans la meme page, mes style dans la meme feuille, les appels sont effectués de la meme manière, et l'un fonctionne l'autre pas...

Je deviens fou, help please :'(

**narnou** · 10/03/2006, 10h55

...

Ne jamais commenter vos feuilles css comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
//titre

Faites comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
/*titre*/

meme pour une seule ligne...

parfois ca pose pas de problème, mais parfois bien... (dans la meme feuille j'avais le meme style de commentaires qui eux ne posaient pas de pb...)

Qui a dit que l'informatique était une science exacte ? :p

**francis m** · 10/03/2006, 18h31

j'ai testé ton code tel quel et chez moi cela fonctionne bien

n'y a-t-il pas une ambiguité entre ton id voilier_title (dont je n'ai pas le code) et la classe form_titre ?

**djromx** · 17/03/2006, 11h46

Tout simplement parce que tu définis des id a tes div, et dans ton css tu définis tes div en tant que classe avec le signe "."
Donc remplace "." par un "#" et le tour est joué !