Rentrées de paragraphe parfois inopportunes, je m'explique...

[bDom]

Bonjour,

il y a quelques années, sur ce forum
quelqu'un m'a donné le code suivant
à placer dans le "head" pour faire
des rentrées de paragraphes.

Code:

<style type="text/css">
/*<![CDATA[*/
/* justification bloc par défaut et 1ere ligne est en retrait */
p {
text-indent: 30px; !important;
}

/*]]>*/
</style>

et c'est merveilleux...

mais parfois c'est gênant comme dans la colonne
que l'on place à droite ou à gauche du site.
Exemple ICI, colonne de gauche: http://www.lacaseboischeri.com/#cdf_page=1
Et parfois même dans les pages centrales du site.

Je souhaiterais pouvoir placer
un bout de code "contrariant"
au "coup par coup" en allant
dans le code de l'élément.

Quelqu'un a-t'il une astuce le permettant ?

Bien cordialement

bDom

[ZeTuto]

Bonjour,

si vous souhaitez que la modification ne s'effectue que sur le content, voici le code :

Code:

<style type="text/css">
/*<![CDATA[*/
/* justification bloc par défaut et 1ere ligne est en retrait */
#content p {
text-indent: 30px; !important;
}

/*]]>*/
</style>

Cela règlera votre souci avec la sidebar (la colonne à gauche).

[bDom]

SUPER  et merci
effectivement cela fonctionne
mais c'est une partie de la solution...

Dans certains cas, ce retrait paragraphe
est "nuisible" d'où la solution possible
serait de travailler dans le code HTML
au cas par cas avec un bout de code
"contrariant" le code placé dans le HEAD

• Et mes "listes" ne fonctionnent
  plus    avec les nouveaux modèles/template,
  (avec l'autre code également).
  

Bien cordialement

Dominique

PS: encore merci pour votre support.

Bonjour,

si vous souhaitez que la modification ne s'effectue que sur le content, voici le code :

Code:

<style type="text/css">
/*<![CDATA[*/
/* justification bloc par défaut et 1ere ligne est en retrait */
#content p {
text-indent: 30px; !important;
}

/*]]>*/
</style>

Cela règlera votre souci avec la sidebar (la colonne à gauche).

[FredVig]

Vous pouvez appliquer la modification de Zetuto au coup par coup, en indiquant,
- un élément précis, en indiquant son identifiant unique ( à la place de #content p) :

Code:

#cc-m-header-5926828964 {
text-indent: 30px; !important;
}

Il suffit d'ajouter les identifiants de chaque élément à modifier à la suite, séparés par une virgule :

Code:

#cc-m-header-5926829164, #cc-m-header-5926828964 {
text-indent: 30px; !important;
}

ou tous les éléments d'une page en particulier, en entrant le code pour une page précise, ce que permet depuis peu Jimdo, dans le "modifier le Head"

[bDom]

Merci,

mais effectivement, j'ai découvert aujourd'hui
cette nouvelle fonction page par page.
Ce sera utile pour créer une "Landing" page ;-)

Concernant les retraits de paragraphe,
je souhaiterais intervenir dans le bloc "Texte"
de la page et dans le code de ce bloc "Texte".
Dans mes souvenirs du HTML, il y a un TAG,
- span ? - qui permet de passer outre et
ponctuellement les styles de la feuille CSS.

Exemple: sur cette page, http://www.lacaseboischeri.com/#cdf_page=1
à cet endroit,


je souhaiterais faire "sauter" les retraits.

Dominique

Vous pouvez appliquer la modification de Zetuto au coup par coup, en indiquant,
- un élément précis, en indiquant son identifiant unique ( à la place de #content p) :

Code:

#cc-m-header-5926828964 {
text-indent: 30px; !important;
}

Il suffit d'ajouter les identifiants de chaque élément à modifier à la suite, séparés par une virgule :

Code:

#cc-m-header-5926829164, #cc-m-header-5926828964 {
text-indent: 30px; !important;
}

ou tous les éléments d'une page en particulier, en entrant le code pour une page précise, ce que permet depuis peu Jimdo, dans le "modifier le Head"

[bDom]

SUPER car cela m'a rendu mes "listes".
Je prends ;-)

Dominique

Bonjour,

si vous souhaitez que la modification ne s'effectue que sur le content, voici le code :

Code:

<style type="text/css">
/*<![CDATA[*/
/* justification bloc par défaut et 1ere ligne est en retrait */
#content p {
text-indent: 30px; !important;
}

/*]]>*/
</style>

Cela règlera votre souci avec la sidebar (la colonne à gauche).

[FredVig]

Exemple: sur cette page, http://www.lacaseboischeri.com/#cdf_page=1
à cet endroit,

Vous cliquez-droit sur "l'endroit", vous prenez "examiner l'élément" (ou "procéder à l'inspection de…"), celui-ci se met en surbrillance dans le code source qui s'affiche, vous cliquez-droit sur la surbrillance, vous sélectionnez "copiez le sélecteur unique", vous le collez quelque part, et obtenez :
#cc-m-5869864464 > p:nth-child(1)

je souhaiterais faire "sauter" les retraits.

Vous avez déjà le code qui met des retraits :

Code:

{
text-indent: 30px; !important;
}

vous le modifiez en conséquence :

Code:

{
text-indent: 0px; !important;
}

vous ajoutez le "sélecteur unique" :

Code:

#cc-m-5869864464 > p:nth-child(1){
text-indent: 0px; !important;
}

et les balises de déclaration de css, si nécessaire (si vous avez déjà du code dans "modifier le Head", il faut simplement coller le code précédent à la suite, entre les balises

Code:

<style type="text/css">
/*<![CDATA[*/
 /*ici se trouve le code déjà présent sur votre site*/
/*ici vous collez le nouveau code*/
    /*]]>*/
    </style>

Le (gros) plus de Zetuto, c'est ce "p", qui cible l'ensemble des paragraphes contenus dans l'élément, ce qui simplifie vote code, encore :
AU lieu de cibler chaque paragraphe avec des

Code:

nth-child()

, vous mettez seulement un "p" devant l'identifiant :

Code:

<style type="text/css">
[code]/*<![CDATA[*/
 #cc-m-5869864464 p {
text-indent: 0px; !important;
}
    /*]]>*/[/code]
    </style>

[bDom]

OK, je vois l'idée... Je vais regarder. MERCI

[Contenu sponsorisé]