Question sur l'insertion auto des <p class="spip">

Général
1

Bonjour tout le monde !

Bon je ne viens pas polémiquer sur la fameuse insertion automatique des <p class="spip"> et sur les règles en vigueur de la typographie.
Pour ma part cela me convient parfaitement mais je suis confronté à un petit problème.

J'ai dans mon site un endroit où mon article est encadré par un cadre blanc définir dans un <div>. Le problème qui se pose c'est que le code généré par spip enchaine le <div> avec le <p class="spip"> je me retrouve donc avec :

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>

Du coup l'enchainement du <div> et du <p> créé un saut de ligne que je ne veux pas mon cadre n'encadre plus le texte de manière élégante. J'obtiens quelque chose dans ce genre :
---------------
| |
| bla bla bla |
| |
---------------

Alors que je voudrais :
---------------
| bla bla bla |
---------------

Avez-vous une idée ?

Merci par avance.
Yannick

2

spip-bounces@rezo.net wrote:

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>
Du coup l'enchainement du <div> et du <p> créé un saut de
ligne que je ne veux pas mon cadre n'encadre plus le texte de
manière élégante. J'obtiens quelque chose dans ce genre :
---------------

            |
bla bla bla |
            |

---------------

Alors que je voudrais :
---------------

bla bla bla |

---------------

Avez-vous une idée ?

Merci par avance.
Yannick

.cadreblanc p {
  margin: 0;
  }

3

-----Message d'origine-----
spip-bounces@rezo.net wrote:

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>
Du coup l'enchainement du <div> et du <p> créé un saut de ligne que je
ne veux pas mon cadre n'encadre plus le texte de manière élégante.
J'obtiens quelque chose dans ce genre :
---------------

            |
bla bla bla |
            |

---------------

Alors que je voudrais :
---------------

bla bla bla |

---------------

Avez-vous une idée ?

Merci par avance.
Yannick

De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de Olivier GENDRIN
Envoyé : vendredi 11 août 2006 12:42
À : spip@rezo.net
Objet : Re: [Spip] Question sur l'insertion auto des <p class="spip">

.cadreblanc p {
margin: 0;
}

Oui j'y avait pensé mais du coup je perd la typographie au sein de mon article.
En fait je souhaite éviter le saut de ligne autour de mon cadre mais je ne veux pas toucher à mon article. Un <p> dans un article doit engendrer un saut de ligne ^^

Merci pour ta suggestion en tt cas :slight_smile:
Yannick

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/ irc://irc.freenode.net/spip FAQ : http://www.spip-contrib.net/spikini/FaQ

4

Bonjour :slight_smile:

>.cadreblanc p {
> margin: 0;
> }

Oui j'y avait pensé mais du coup je perd la typographie au sein
de mon article. En fait je souhaite éviter le saut de ligne autour
de mon cadre mais je ne veux pas toucher à mon article.
Un <p> dans un article doit engendrer un saut de ligne ^^

Une astuce serait d'attribuer une marge haute et basse au <p>
équivalente à la moitié de la valeur réelle, de ce fait, la marge
haute du premier paragraphe, et basse du dernier paragraphe,
seraient la moité... ce qui n'est pas une solution parfaite, mais
ça peut limiter un peu la casse :

.cadreblanc p {margin: 0.5em 0;}

Sinon, il y a une pseudo-classe descendente qui pourrait être
utile dans ce cas de figure, mais, malheureusement, ceci n'est pas
supporté par tous les navigateurs, à tester donc :

.cadreblanc p:first-child {margin-top: 0;}
.cadreblanc p:last-child {margin-bottom: 0;}

Plus d'infos, "La pseudo-classe descendante" :
<http://www.laltruiste.com/courscss/classedescendante.html&gt;

:wink:

5

-----Message d'origine-----
De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de FredoMkb
Envoyé : vendredi 11 août 2006 13:57
À : spip@rezo.net
Objet : Re: [Spip] Question sur l'insertion auto des <p class="spip">

Bonjour :slight_smile:

>.cadreblanc p {
> margin: 0;
> }

Oui j'y avait pensé mais du coup je perd la typographie au sein de mon
article. En fait je souhaite éviter le saut de ligne autour de mon
cadre mais je ne veux pas toucher à mon article.
Un <p> dans un article doit engendrer un saut de ligne ^^

Une astuce serait d'attribuer une marge haute et basse au <p> équivalente à la moitié de la valeur réelle, de ce fait, la marge haute du premier paragraphe, et basse du dernier paragraphe, seraient la moité... ce qui n'est pas une solution parfaite, mais ça peut limiter un peu la casse :

.cadreblanc p {margin: 0.5em 0;}

Sinon, il y a une pseudo-classe descendente qui pourrait être utile dans ce cas de figure, mais, malheureusement, ceci n'est pas supporté par tous les navigateurs, à tester donc :

.cadreblanc p:first-child {margin-top: 0;} .cadreblanc p:last-child {margin-bottom: 0;}

Plus d'infos, "La pseudo-classe descendante" :
<http://www.laltruiste.com/courscss/classedescendante.html&gt;

:wink:

==================

Merci pour ta réponse. J'ai essayé cette méthode qui correspond parfaitement à ce que je recherchais mais sans succès hélas. Pourtant je suis sur IE6 et c'est marqué comme compatible. Tous mes essais ont échoués, même des essais très simple dans une nouvelle page HTML :cry:

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/ irc://irc.freenode.net/spip FAQ : http://www.spip-contrib.net/spikini/FaQ

6

spip-bounces@rezo.net wrote:

-----Message d'origine-----
spip-bounces@rezo.net wrote:

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>
Du coup l'enchainement du <div> et du <p> créé un saut de ligne que
je ne veux pas mon cadre n'encadre plus le texte de manière élégante.
J'obtiens quelque chose dans ce genre :
---------------

            |
bla bla bla |
            |

---------------

Alors que je voudrais :
---------------

bla bla bla |

---------------

Avez-vous une idée ?

Merci par avance.
Yannick

De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De
la part de Olivier GENDRIN Envoyé : vendredi 11 août 2006
12:42 À : spip@rezo.net Objet : Re: [Spip] Question sur
l'insertion auto des <p class="spip">

.cadreblanc p {
  margin: 0;
  }

Oui j'y avait pensé mais du coup je perd la typographie au sein de
mon article. En fait je souhaite éviter le saut de ligne autour de mon
cadre mais je ne veux pas toucher à mon article. Un <p> dans
un article doit engendrer un saut de ligne ^^

Merci pour ta suggestion en tt cas :slight_smile:
Yannick

Alors un truc barbare :
.cadreblanc {
  margin: -1em 0;
  }

7

Olivier GENDRIN <o.gendrin <at> novactive.com> writes:

Alors un truc barbare :
.cadreblanc {
  margin: -1em 0;
  }

En effet, c'est une piste intéressante...
J'oubli toujours que la propriété "margin" accèpte des valeurs négatives...
Faut voir maintenant comment les navigateurs l'interprètent...

Merci :slight_smile:

8

un petit filtre php dans mes_fonctions qui virerait le class="spip" et que tu appellerais dans ton squelette, çà devrait le faire ?

Yannick MILANETTO a écrit :

Bonjour tout le monde !

Bon je ne viens pas polémiquer sur la fameuse insertion automatique des <p class="spip"> et sur les règles en vigueur de la typographie.
Pour ma part cela me convient parfaitement mais je suis confronté à un petit problème.

J'ai dans mon site un endroit où mon article est encadré par un cadre blanc définir dans un <div>. Le problème qui se pose c'est que le code généré par spip enchaine le <div> avec le <p class="spip"> je me retrouve donc avec :

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>

Du coup l'enchainement du <div> et du <p> créé un saut de ligne que je ne veux pas mon cadre n'encadre plus le texte de manière élégante. J'obtiens quelque chose dans ce genre :
---------------
| |
| bla bla bla |
| |
---------------

Alors que je voudrais :
---------------
| bla bla bla |
---------------

Avez-vous une idée ?

Merci par avance.
Yannick
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

9

spip-bounces@rezo.net wrote:

un petit filtre php dans mes_fonctions qui virerait le
class="spip" et que tu appellerais dans ton squelette, çà devrait le
faire ?

Que tu appelle dans apres_propre ?

10

-----Message d'origine-----
De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de Jean Philippe Benadjer
Envoyé : vendredi 11 août 2006 17:12
À : Spip
Objet : Re: [Spip] Question sur l'insertion auto des <p class="spip">

un petit filtre php dans mes_fonctions qui virerait le class="spip" et que tu appellerais dans ton squelette, çà devrait le faire ?

Yannick MILANETTO a écrit :

Bonjour tout le monde !

Bon je ne viens pas polémiquer sur la fameuse insertion automatique des <p class="spip"> et sur les règles en vigueur de la typographie.
Pour ma part cela me convient parfaitement mais je suis confronté à un petit problème.

J'ai dans mon site un endroit où mon article est encadré par un cadre blanc définir dans un <div>. Le problème qui se pose c'est que le code généré par spip enchaine le <div> avec le <p class="spip"> je me retrouve donc avec :

<div class="cadreblanc">
  <p class="spip">bla bla bla...</p>
</div>

Du coup l'enchainement du <div> et du <p> créé un saut de ligne que je ne veux pas mon cadre n'encadre plus le texte de manière élégante. J'obtiens quelque chose dans ce genre :
---------------
| |
| bla bla bla |
| |
---------------

Alors que je voudrais :
---------------
| bla bla bla |
---------------

Avez-vous une idée ?

Merci par avance.
Yannick
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip FAQ :
http://www.spip-contrib.net/spikini/FaQ

Merci à Olivier GENDRIN, FredoMkb et vous-même pour vos réponses.
Je m'en vais tester ces différentes solutions... dès que je serais de retour chez moi ^^
Et oui je suis enfin en vacances :)))))

Je vous tient au courant.
Yannick