Différence de rendu des codes entre balises code

[FANCH 56]

Bonsoir

Lorsque je mets un code ici sur FA entre les balises code, cela me donne ceci :



Mais le même code sur mon forum donne ceci, sur une ligne, avec un scrollbar:



Comment remédier à cet inconvénient ?

Merci

[Invité]

Salut FANCH 56,

J'ai le même soucis que toi et je pense qu'il doit y avoir un rapport avec les retours à la ligne <br>
qui posent problème actuellement .
a++

[FANCH 56]

Cela dure depuis un certain temps, mais je ne m'en occupe que maintenant, car ce n'était pas urgent.

Mais si tu regardes bien, il n'y a pas de br dans ce code

[Invité]

As tu installé le sélecteur de contenu donné par Etana ?
https://forum.forumactif.com/t309759-bouton-selectionner-le-contenu-aux-balises-de-code

a++

[FANCH 56]

Cela ne change rien

[Invité]

Ajoute dans ta C.S.S: (j'ai un doute pour invision )

Code:


.code div.cont_code
{
width:la taille voulue  en px ;
}


a++

[FANCH 56]

Voici mon CSS du Code

Code:

/* *************** CODE *********************************************************** */

.codebox dt {

   background-color: #ffffee;
}

.codebox dd {

   background-color: #EFE2AD;

   border: 1px dotted #000;
}

dl.codebox code {

   color: #40411E;

}

[Invité]

Ajoute progressivement dans chaque class ceci : width:500 px
je ne connais pas du tout le support Invision
essayes ceci:

Code:

.codebox dt {     
background-color: #ffffee;
}
       
.codebox dd {
background-color: #EFE2AD;
border: 1px dotted #000;
}
       
dl.codebox code {
color: #40411E;
width:500 px ;
}

a++

[FANCH 56]

Négatif. Aucune incidence.

[Invité]

Ben mince alors!!
as tu le lien de ton message visible au invité?
Tu as essayé de mettre dans chaque class: width:500 px ?
a++

[FANCH 56]

Ben mince alors!!
as tu le lien de ton message visible au invité?
Tu as essayé de mettre dans chaque class: width:500 px ?
a++

Non c'est une zone réservée aux admis


Qu'appelles-tu "class"

[Invité]

Supprime ceci

Code:

    .codebox dt {   
        background-color: #ffffee;
        }
             
        .codebox dd {
        background-color: #EFE2AD;
        border: 1px dotted #000;
        }
             
        dl.codebox code {
        color: #40411E;
   
        }

et remplace par:

Code:

  .codebox dt {   
        background-color: #ffffee;
width:500 px ;
        }
             
        .codebox dd {
        background-color: #EFE2AD;
        border: 1px dotted #000;
width:500 px ;
        }
             
        dl.codebox code {
        color: #40411E;
width:500 px ;
   
        }


a++

[FANCH 56]

ok vu

EDIT : Négatif

[Invité]

tu peux créer un message avec du texte sans retour à la ligne et l'entourer de balise code
dans un forum libre d accès au invité .

Je dois me sauver .

a++

[FANCH 56]

Voici

http://www.anciens-cols-bleus.net/t18094-essai-fanch#645407

[Scoubifitz]

bonjour,

Code:

.codebox dd {
background-color: #EFE2AD;
border: 1px dotted #000;
white-space:normal;
}

[FANCH 56]

Merci Scoubifitz

A quoi correspond le mot white

Problème semble résolu. Je vais voir avec une valeur px si on peut varier.


EDIT :
Non la valeur px ne fait rien.

Problème résolu

Merci également à milouze14

[Scoubifitz]

re moi ,

définition de la césure :

http://fr.selfhtml.org/css/proprietes/alignement.htm#white_space