PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 04-06-2009 14:59:55

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

ne pas appliquer un style à une classe

Saluton,
j'ai dans mes pages des paragraphes <p></p> auxquels s'appliquent les styles suivants :

.source p,.traduc p,.demi-en p,.demi-fr p{text-align:justify;
                                       text-indent:2em;
                                       padding:0;
                                       padding-top:.25em;
                                       margin:0
                                       }

et encore

p:first-letter{font-size :1.3em;
               font-weight:bolder}

J'aimerais que certains paragraphes appartenant à une class="suite" ne se voient pas appliquer le style first-letter, ni le text-indent.
J'ai donc ajouté ceci à ma feuille de style

.suite:first-letter{font-size:1em;
                    font-weight:normal;}
                   
.suite{text-indent:0em}

qui me supprime bien la lettrine mais pas le text-indent.
J'ai essayé avec text-indent:none, mais ça ne le fait pas.
Je voudrais éviter de recourir à !important, si l'un(e) d'entre vous pouvait me suggérer une piste.
Merci mes petits loupiots.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#2 04-06-2009 17:29:43

mcAllan
Mowdérateur
Lieu : Châteaurenard en Provence
Inscription : 08-05-2009
Messages : 269

Re : ne pas appliquer un style à une classe

Saluton MK,

Comment est organisé le document ?
A quelle balise s'applique la classe suite ? <p> ?

hmm, je suis plein de questions... smile

[---]
edit:

Après tests, cela fonctionne bien sous mon ffox en adoptant une syntaxe type:
p.class au lieu de class p
avec p.suite pour l'indent 0.


Promotion de PPOO : Programmation Propre Orientée Objet !!
Recommande AAO : Apéritif Avec Olives...
Glop, glop

Hors ligne

#3 04-06-2009 19:35:38

Maljuna Kris
Infantimigulo
Lieu : Douarnenez 29100 Breizh Izel
Inscription : 08-05-2009
Messages : 2 453
Site Web

Re : ne pas appliquer un style à une classe

La class suite est affectée à certains <p> des <div> de class  .source,.traduc ,.demi-en  et .demi-fr

Je vais tester ta solution mais je m'interroge : pourquoi la règle supprimant le text-indent n'est-elle pas prise en compte pour .suite alors qu'elle l'est pour la pseudo-class first-letter de cette même class .suite ?

[edit]

effectivement avec p.suite la règle est bien prise en compte.

Qqe chose m'échappe.

Encore merci, mcAllan.


Gloire à qui n'ayant pas d'idéal sacro-saint,
Se borne à ne pas trop emmerder ses voisins. G. Brassens Don Juan 1976.
Avĉjo MoKo kantas
La chaîne YouTube MoKo Papy

Hors ligne

#4 04-06-2009 20:15:06

mcAllan
Mowdérateur
Lieu : Châteaurenard en Provence
Inscription : 08-05-2009
Messages : 269

Re : ne pas appliquer un style à une classe

Je suis solidaire, ça m'échappe aussi ... hmm


Promotion de PPOO : Programmation Propre Orientée Objet !!
Recommande AAO : Apéritif Avec Olives...
Glop, glop

Hors ligne

Pied de page des forums