Discussion :

[12monkeys]

Bonjour

J'ai un souci d'héritage. Mes recherches sur le site me confirment mes impressions.

J'ai donné à la balise <p> le style : text-indent:1cm par défaut. Si maintenant je veux faire une seule exception (soit <p> avec text-indent:0cm) cela ne s'applique pas, le <p> reste à 1cm ??

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
      <div id="icrp">
	<div id="icrpcadr">
	  <h2>
Actualités et mises à jour :
	  </h2>
	  <div id="icrpcadrint">
	    <p class="b mrg0">
Le comité vous souhaite à tous une excellente année amicaliste et vous a concocté pour cela un nouveau programme de sorties et de festivités...
	    </p>
	    <h3>
Diner Dansant au Windhof :
	    </h3>
	    <p class="mrg0">
Retrouvez les photos en page "<a href="photos/windhof/photos.htm">photos</a>" et le compte rendu en page "<a href="sorties/sorties-windhof.htm">potins</a>"...
	    </p>
	    <h3>
Page Coin Détente :
	    </h3>
	    <p class="mrg0">
Parmi les idées reçues, il en est certaines de vraies mais aussi de fort nombreuses totalement infondées qui ont la vie dure !... Einstein disait&nbsp;: <I>Il est plus difficile de désagréger un préjugé qu'un atome</I>. Il en est souvent de même en matière d’idées reçues. En voici donc quelques-unes parmi les plus souvent colportées avec en regard la bonne réponse qui leur convient à la lumière des connaissances actuelles.
	    </p>
	    <p id="icrpcotis">
&nbsp;&nbsp;N'oubliez pas votre cotisation : 17 €  ou carte couple : 30 €
	    </p>
	  </div>
	</div>
 
	<img src="images/index/anniv02.gif" alt=""><img src="images/index/anniv01.gif" alt=""><img src="images/index/anniv02.gif" alt="">
 
      </div>

Code css :

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

1
2
3
4
5
6
7
#icrp { float:left;width:428px;margin-left:4px }
#icrpcadr { background-color:#6699cc;padding:0px 4px 4px 4px }
#icrp h2 { padding:10px 0px 4px 0px;text-align:center;text-decoration:underline }
#icrp p { text-indent:1cm }
#icrpcadrint { padding:5px;background-image:url(images/index/fond2.jpg);font:1em times }
#icrp h3 { text-indent:1cm;text-decoration:underline;margin:35px 0px 0px 0px }
#icrpcotis { text-indent:0cm;background-color:yellow;font-weight:bold;margin:35px 0px}

Pour résoudre le problème j'ai du remplacer le dernier <p id="icrpcotis"> par un <blockquote>.

Est ce un comportement normal ou un bug ?

merci.

[Dan_A]

Utilise plutôt
#icrp p#icrpcotis { text-indent:0;}
ou
p#icrpcotis { text-indent:0;}
ce n'est pas un bug mais un problème de poids.

[LeXo]

exact

si ce style s'applique a tous ces entre les tag <p></p>

alors meme sans mettre de propriété css sur le tag p

tu peux faire

Code :

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

1
2
3
4
#icrpcadrint p {
...
 
}

[12monkeys]

Ok merci ça marche, j'ai fait ça :

Code :

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

p#icrpcotis { text-indent:0;}