Sauts de ligne forcés (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #454898
    Guilhem
    Participant
    Maître WordPress
    578 contributions

    Bonjour,

    2.3.1

    Je constate que depuis la version 2.3 les textes que je publie ne conservent pas le saut de ligne que j’impose aux paragraphes.
    Même en rajoutant

    les sauts sont supprimés dès uqe je rouvre le texte en mode d’édition.

    Quelqu’un aurait-il une idée à propos de ce problème ?

    Merci.

    #612958
    alakhnor
    Participant
    Maître WordPress
    996 contributions

    Mon idée, c’est que ça n’a pas changé par rapport aux versions antérieures. 😉

    #612959
    Guilhem
    Participant
    Maître WordPress
    578 contributions

    Et pourtant j’ai un site en version 2.1 où tout va bien.
    J’utilise le même ordi et le même individu pour y écrire.
    Alors comment se peut-il que, toutes choses étant égales par ailleurs, cela coince alors que la seule différence porte sur la version du logiciel et… la nature du contenu ?

    À titre de démonstration, voici le même article sur mon premier site en vieille version sans aucune balise br/ et le même sur mon nouveau site en version 2.3.1

    Maintenant viens me dire que rien n’a changé.

    PS : Je ne laisse le premier que deux heures pour ne pas gêner les visiteurs normaux.

    #612960
    BurneoX
    Participant
    Initié WordPress
    26 contributions

    Peut être un problème qui viens du thème ? essaye de voir dans le CSS.

    #612961
    Guilhem
    Participant
    Maître WordPress
    578 contributions

    Je veux bien mais, que chercher ?

    Voilà la CSS (je ne crois pas qu’il y en ai d’autre) :

    /*
    
    Theme Name: Green Bug
    
    Theme URI: http://gotchance.com/
    
    Description: Green Bug is a two-column, widget-ready theme by <a href="http://gotchance.com/">Shrihari</a> & <a href="http://nitrogendesigns.com">Nitrogen Designs</a>.
    
    Version: 1.1
    
    Author: <a href="http://gotchance.com">Shrihari</a> & <a href="http://nitrogendesigns.com">Nitrogen Designs</a>
    
    */
    
    * { margin: 0; }
    
    
    
    body
    
    {
    
    	font-family: Verdana, Tahoma;
    
    	font-size: 12px;
    
    	background: #CCC;
    
    }
    
    a { color: #5A780A; }
    
    a:hover { color: #000; }
    
    
    
    #wrap /*boite contenant le site sans le fond gris*/
    
    {
    
    	margin-top: 15px;
    
    	width: 1000px;
    
    	text-align: left;
    
    	background: #FFF;
    
    	border: 3px solid #5A780A;
    
    }
    
    img, img a { border: 0; }
    
    #header
    
    {
    
    	height: 150px;
    
    	padding-top: 5px;
    
    }
    
    #header .logo
    
    {	
    
    	background: url(images/logo.jpg) no-repeat;
    
    	vertical-align: middle;
    
    	padding-left: 200px;
    
    	padding-top: 20px;
    
    	font-size: 50px;
    
    	height: 140px;
    
    }
    
    #header .logo a
    
    {
    
    	color: #000;
    
    	text-decoration: none;
    
    }
    
    #header .logo a:hover
    
    {
    
    	color: #4D6A00;
    
    }
    
    
    
    #menu
    
    {
    
    	background: #5D7311 url(images/menuback.gif) repeat-x;
    
    	color: #DDD;
    
    	height: 35px;
    
    }
    
    
    
    #menu ul{
    
    	margin: 0;
    
    	padding: 0 0 0 10px;
    
    	list-style: none;
    
    }
    
    
    
    #menu ul li{
    
    	float: left;
    
    	margin: 0 15px 0 0;
    
    	font-size: 12px;
    
    	font-weight: bold;
    
    	color: #DDD;
    
    }
    
    
    
    #menu ul li a{
    
    	padding: 10px 20px 10px 12px;
    
    	background: url(images/menu-bg.gif) no-repeat;
    
    	background-position: 0 13px;
    
    	text-decoration: none;
    
    	color: #FFF;
    
    	display: block;
    
    }
    
    #menu ul li a:hover
    
    {
    
    
    
    	background: url(images/menu-bg-hover.gif) no-repeat;
    
    	background-position: 0 13px;
    
    }
    
    
    
    #content
    
    {
    
    	padding: 20px 10px;
    
    }
    
    
    
    #left /*boite contenant le texte des articles*/
    
    {
    
    	font-size: 13px;
    
    	line-height: 1.8em;
    
    	float: left;
    
    	width: 720px;
    
    	padding: 0 0 20px 10px;
    
    }
    
    
    
    #right
    
    {
    
    	font-size: 11px;
    
    	line-height: 1.8em;
    
    	float: left;
    
    	width: 220px;
    
    	padding: 0 10px 15px 10px;
    
    }
    
    #left img
    
    {
    
    	margin: 5px;
    
    	max-width: 98%;
    
    }
    
    #left ul, #right ul, #left ol, #right ol, #left .commentlist li.alt ol, #left .commentlist li.alt ul
    
    {
    
    	margin: 5px 0 0 0;
    
    	line-height: 25px;
    
    	padding: 0;
    
    }
    
    #left li, #right li, #left .commentlist li.alt li
    
    {
    
    	list-style: none;
    
    	font-size: 12px;
    
    	background: url(images/bug.png) no-repeat left top;
    
    	background-position: 0 5px;
    
    	padding-left: 20px;
    
    	margin: 0;
    
    	botder: 0;
    
    }
    
    #left .post blockquote
    
    {
    
    	margin: 10px;
    
    	background: url(images/quote.jpg) no-repeat top left;
    
    	padding-left: 45px;
    
    	min-height: 36px;
    
    }
    
    
    
    .post .title
    
    {
    
    	margin-bottom: 10px;
    
    }
    
    .post .title a
    
    {
    
    	font-size: 25px;
    
    	text-decoration: none;
    
    	color: #000;
    
    }
    
    .post .title a:hover
    
    {
    
    	color: #4D6A00;
    
    	text-decoration: underline;
    
    }
    
    .post .meta
    
    {
    
    	color: #999;
    
    	padding: 2px;
    
    	font-size: 11px;
    
    	border-top: 1px solid #DDD;
    
    	border-bottom: 1px solid #DDD;
    
    }
    
    .post .meta a
    
    {
    
    	color: #777777;
    
    }
    
    .post .meta a:hover
    
    {
    
    	color: #000;
    
    }
    
    .post .meta .posted
    
    {
    
    	float: left;
    
    }
    
    .post .meta .comments
    
    {
    
    	float: right;
    
    }
    
    .post .meta .comments a
    
    {
    
    	background: url(images/comments.png) left no-repeat;
    
    	padding-left: 20px;
    
    	padding-bottom: 1px;
    
    	display: block;
    
    	text-decoration: none;
    
    }
    
    
    
    .post .entry
    
    {
    
    	text-align: justify;
    
    	padding: 6px;
    
    	margin-bottom: 35px;
    
    }
    
    
    
    .ltop
    
    {
    
    	background: url(images/ltop.jpg) no-repeat;
    
    	width: 220px;
    
    	height: 13px;
    
    }
    
    .lmid
    
    {
    
    	background: url(images/lmid.jpg) repeat-y;
    
    	width: 200px;
    
    	padding: 0 10px;
    
    }
    
    .lmid h2
    
    {
    
    	font-weight: normal;
    
    	margin: 0;
    
    	font-size: 18px;
    
    	padding-bottom: 5px;
    
    }
    
    .lbot
    
    {
    
    	background: url(images/lbot.jpg) no-repeat;
    
    	width: 22img0px;
    
    	height: 12px;
    
    	margin-bottom: 30px;
    
    }
    
    
    
    #comments, #respond{
    
    	margin: 0;
    
    	padding:1em 0 0 0;
    
    }
    
    #commentform 
    
    {
    
    	margin:10px 0;	
    
    	padding:10px;
    
    	background:#f9f9f9;
    
    	border-top: #ddd 1px solid;
    
    	border-bottom: #ddd 1px solid;
    
    }
    
    .commentnum 
    
    {
    
    	font-size:1.5em;
    
    	font-weight:bold;	
    
    	margin:0 5px 0 0;
    
    }
    
    #left .commentlist {
    
    	margin: 1em 0;
    
    	padding: 0;		
    
    	border-top: #ddd 1px solid;
    
    }
    
    #left .commentlist li.one, #left .commentlist li.alt
    
    {
    
    	list-style:none;
    
    	margin: 0;
    
    	padding: 0.5em 0.5em 2em;	
    
    	background:#fff url(img/shadow_top.gif) repeat-x top;
    
    	border-bottom: #ddd 1px solid;
    
    }
    
    #left .commentlist li.alt 
    
    {
    
        background:#f9f9f9;    
    
    }
    
    #left .commentlist li.authorcomment 
    
    {
    
        background: #ECE9D8;      
    
    }
    
    #left .commentlist li.one .cmtinfo, #left .commentlist li.alt .cmtinfo 
    
    {
    
    	font-size:1em;			
    
    }
    
    #left .commentlist li.one cite, #left .commentlist li.alt cite
    
    {
    
    	font-style:normal;
    
    	font-weight:bold;
    
    }
    
    #left .commentlist li.one .cmtinfo em, #left .commentlist li.alt .cmtinfo em 
    
    {
    
    	float:right;
    
    	margin:0;
    
    	padding:0;
    
    	font-style:normal;
    
    	font-size:0.9em;
    
    	color:#999;
    
    }
    
    
    
    
    
    #footer
    
    {
    
    	border-top: 1px dashed #CCC;
    
    	margin: 5px; 
    
    	padding: 10px 5px 5px 5px;
    
    	font-size: 11px;
    
    	color: #000;
    
    	text-align: left;
    
    }

    #612962
    Rod
    Membre
    Maître WordPress
    744 contributions

    normal en mettant * { margin : 0 } TOUTES les balises ont cette caracteristique

    et comme il n’est mentionné nulle part p … ben du coup … ca zappe les espaces entre les paragraphes : br etant compris dans * tu pourrais en rajouter 30, ca serait pareil

    il te suffit de faire

    .entry p { margin-bottom : 20px; } (exemple), et c’est fini.

    #612963
    BurneoX
    Participant
    Initié WordPress
    26 contributions

    Alors, une fois de plus je ne suis pas du tout un pro, juste un apprentie sorcier 🙂

    Je crois, sans en être certain, que sa viens de la ligne

    * {margin:o;}

    seulement si tu la supprime il vas y avoir beaucoup d’influence, donc essaye de la mettre juste en commentaire, c’est-à-dire entre /* et */ pour voir ce que ça donne.

    Sinon ajoute dans ton CSS :

    p {margin:1.5em 0;}

    et fait plusieurs paragraphe c-a-d entre

    et

    au lieux d’utilisé les
    .

    Ce qui m’échappe c’est que j’utilise aussi la ligne *{margin:o;} et elle n’a pas d’influence sur mes br, mais une fois de plus ce n’est que des conseils de NON pro, et il y a des chances qu’on me dises encore que je bricole :D Donc si un pro passe par là ben ce serai cool 😉

    édit : Mortel le temps que j’écrive Rod confirme 😉

    #612964
    Guilhem
    Participant
    Maître WordPress
    578 contributions

    Merci beaucoup. Je n’avais pas l’ombre d’une chance de trouver ça par moi-même.

    Pour les autres, j’ai choisi la première solution proposée
    * .entry p { margin-bottom : 20px; }

    Problème résolu pour ce qui me concerne.

8 sujets de 1 à 8 (sur un total de 8)
  • Vous devez être connecté pour répondre à ce sujet.