Problème avec la balise [code]

[Forum-GadElmaleh]

Bonjour! ^^

J'ai (encore) un soucis, et cette fois-ci avec la balise "code". Dès lors que je mets quelque chose en [code] sur mon forum, la page s'élargit. Je m'explique: j'ai mis comme largeur pour mon forum, une taille fixe de 820px. Jusque là pas de soucis. Mais lorsque je met quelque chose en [code] dans un message, la largeur du forum s'agrandit à 900 et quelques pixels! En gros ca déforme la page, et c'est vraiment pas esthétique...

Quelqu'un aurait il une solution pour résoudre ce problème, s'il vous plait? Y__Y
Merci d'avance! =)

[Anzu]

Rebonjour ^^

Vous avez modifié la CSS pour le "style code" ?

Cordialement.

[james beckett]

Bonjours,

Tout simplement:

Code:


.code {
width: 400px;
}


Je spécifie juste la largeur les autres partie viendront s'ajouter avec ce qui était écrits précédemment.

Vous pouvez bien sûr modifié la largeur, mais rester en px.

COrdialement, James.

EDIT: Désolé je n'avais pas vu le poste précédent.

[Forum-GadElmaleh]

Re-bonjour Anzu! ^^

Non, je n'ai rien dans mon CSS qui modifie l'apparence des codes. Voici tout de même mon CSS en entier, des fois que je me serais trompée. ^^'

Code:

/* PAGE DACCUEIL */
  td.menu {
      font-variant:small-caps;
      font-size: 12pt;
      text-align:center;
      text-shadow: 0px 0px 10px #000;
  }
  td.menu:hover {
      text-shadow: 0px 0px 5px #000;
  }
  .titre {
      border-bottom: 1px dotted black;
      margin-top:10px;
      font-size: 11pt;
      text-indent:0px;
      text-align:center;
      font-variant:small-caps;
      text-shadow: 0px 0px 10px #000;
  }
  .box {
      margin-top:10px;
      text-align:justify;
      font-size:12px;
      font-family:georgia;
  }
  .boxco {
      margin-top:10px;
      text-align:justify;
      font-size:12px;
      font-family:georgia;
      padding-left:5px;
      padding-right:5px;
      height:150px;
      overflow : auto;
  }


/* MISES EN PAGES DIVERSES */
.grandtitre {
font-family:Courier New;
text-align:center;
border-bottom:3px dotted purple;
}


/* FICHE PRESENTATION & SUJ-REL */
.pseudop{
font-family: georgia;
font-size: 22pt;
text-align: center;
font-style: italic;
text-shadow:2px 2px 2px black;
color: black;
}

.grdepartie {
font-family:georgia;
text-shadow:2px 2px 2px black;
font-style:italic;
font-size: 14pt;
color: black;
text-align: center;
  border-bottom: 3px dotted purple;
}

/* FICHE PREDEFINIS */
.tabfiche {
font-family:georgia;
border-collapse:collapse;
text-shadow:2px 2px 2px black;
font-style:italic;
color:white;
}

.names {
font-size: 20px;
font-variant: small-caps;
background:purple;
text-align:center;
padding:3px;
margin-bottom:8px;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.infosavatar {
font-variant: normal;
font-size: 11px;
}

.infosgen {
word-spacing:25px;
font-variant: normal;
font-size: 11px;
}

.casesfiche {
border:1px solid purple;
background:#C0C0C0;
margin-bottom:14px;
}

.casestitre {
height:20px;
font-size:18px;
background:purple;
text-align:center;
}

.contenthist {
overflow:auto;
height:120px;
padding-left:5px;
padding-right:5px;
text-align:justify;
font-size:13px;
text-shadow:1px 1px 1px black;
line-height:14px;
}

.contentcaract {
overflow:auto;
height:80px;
padding-left:5px;
padding-right:5px;
text-align:justify;
font-size:13px;
text-shadow:1px 1px 1px black;
line-height:14px;
}

.contentplus {
overflow:auto;
height:60px;
padding-left:5px;
padding-right:5px;
text-align:justify;
font-size:13px;
text-shadow:1px 1px 1px black;
line-height:14px;
}

.staatut {
font-size:22px;
margin-top:10px;
height:25px;
width:200px;
background:purple;
text-align:center;
letter-spacing:3px;
word-spacing:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.link {
text-align: center;
height:100px;
padding:0px;
margin-top:0px;
border-left:1px solid purple;
border-right:1px solid purple;
border-bottom:1px solid purple;
background:#C0C0C0;
}

.link img {float:left;}

.titrelink {
padding-left:102px;
background:darkgrey;
height:20px;
margin:0px;
border-bottom: 4px dotted purple;
margin-bottom:0px;
font-weight:normal;
font-style:normal;
text-shadow:1px 1px 1px black;
padding-left:4px;
font-size:17px;
}



/* PROFIL ET AVATAR */
.pseudoo {
  font-family: arial;
  font-style: italic;
  text-align: center;
  letter-spacing:0.02in;
  font-size: 18px;
  text-transform: lowercase;
  text-shadow: #C94747 0px 0px 15px;
}
.pseudoo:hover {
  text-align: center;
  letter-spacing:0.03in;
  font-size: 18px;
  text-shadow: #C94747 0px 0px 25px;
}

.bordername{
  border-bottom: 3px dotted white;
}

.fondprofil {
width:210px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
border: 8px solid purple ;
background-color: purple ;
-moz-box-shadow: 0px 0px 10px #000;
}

.cadravatar{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
-webkit-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
border: 3px solid white ;
background-color: white ;
-moz-box-shadow: 0px 0px 10px #000;
}

/* AFFICHAGE DES CATEGORIES */
.categorie{
font-family: georgia;
font-style: italic;
font-size: 11px;
}

/* AFFICHAGE DES FORUMS */
.forumlink{
color : #FFFFFF;
  letter-spacing:0.03in;
font-variant:  small-caps;
  font-size:  14px;
border-bottom:1px double #4A004A;
text-align: center;
  text-shadow: #832727 0px 0px 20px;
display:block;
}
.forumlink:hover{
  color: #CA4F4F;
font-variant:  small-caps;
text-decoration: none !important;
border-bottom:1px double #4A004A;
text-align: center;
  text-shadow: #832727 0px 0px 20px;
display:block;}

.descriptext{
text-align: justify;
margin-right: 15px;
margin-left: 15px;
}

.descriptimg{
border: 1px solid #B3B3B3;
}

.subforum{
text-align:center;
}

/* OPACITE IMAGES */
.opacity{
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/* pour un fondu progressif, utiliser gradualfalder */

/* MESSAGES */
.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}

/* SOULIGNEMENT */
u {
border-bottom: 1px dotted #4F181D ;
text-decoration: none
}

/* LIENS */
a {font-variant: small- caps;}
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}

/* ARRONDI MENU */
input,textarea, select {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding-left: 1px;
  }

/* BORDURE FORUM */
.forumline{
 border: 5px #160104 solid;
border-radius: 10px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
 }

/* FOND DE PAGE ET HEADER */
bod-y{
background-position: top center;
background-repeat: no-repeat;
margin : 0px;
}

.fo-nd2{
    background-image: url('http://moe.mabul.org/up/moe/2010/04/10/img-193745sv2yi.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: largeur;
    height: hauteur;
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
}


/* INFOBULLE */
a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}

a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 1; /* on définit une valeur pour l'ordre d'affichage */
}

a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 18px; /* on positionne notre infobulle */
  left: 0px;
  background: white; /* arrière-plan de l'infobulle */
  color: none; /* texte dans l'infobulle */
  font-size: 9pt;
  text-align: justify;
  padding: 3px;
/* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}

Bonjour James Beckett! ^^

Désolée mais le code que vous me proposer ne change rien au problème... =$

[james beckett]

Bonjours,

Il n'y a effectivement rien qui concerne la balise code de votre forum.

Si ce que je vous ai donné ne fonctionne pas. Il y a peut-être une autre possibilité:

Code:


.code {
         overflow: auto;
}


La balise code prendra la place que le texte dois prendre et y ajoutera des scroller si besoin.
Mettez ce bout de code toute au fond de votre css.

Cordialement, James1920

[Forum-GadElmaleh]

Ca ne fonctionne toujours pas... =( Il n'y a aucun changement lorsque j'applique ce code... =/

[james beckett]

Bon et ben... Je ne vois vraiment pas désolé.

En espérant que vous trouverez votre réponse, James

[Forum-GadElmaleh]

Merci tout de même d'avoir essayé... J'espère que quelqu'un saura trouver une solution à ce problème, quelque peu désagréable... =/

[Forum-GadElmaleh]

Je me permet un UP: le problème est toujours d'actualité... =)

[Ea]

Bonjour, Où en est votre problème ? Est il résolu ? _____________________ Si vous n'avez pas eu de solutions, relancer régulièrement votre sujet (toutes les 24 heures au minimum). Et pensez à expliquer votre problème règulièrement, à chercher par vous même et montrez que vous cherchez de votre côté et pas que vous attendez simplement d'une réponse. _____________________ Lorsqu'un sujet est résolu : Cliquez sur le bouton de votre premier message du sujet. Cochez en dessous de la zone de message Enfin validez avec le bouton Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur A bientôt sur ForumActif

[Forum-GadElmaleh]

Bonjour! =)
Non, le problème n'est toujours pas résolu, il est donc toujours d'actualité. ^^

[Ea]

D'accord, je peux avoir le lien d'une page accessible aux invités sans code et avec code ?


Cordialement.

[Forum-GadElmaleh]

Bien sur. ^^

Voici une page sans code: LIEN SUPPRIME
Et une autre avec code: LIEN SUPPRIME

[Ea]

D'accord.


Alors la largeur d'un bloc "code" est de 600px + la largeur du profil on arrive haut ^^

Enfin il suffit de changer la largeur d'un code en ajoutant dans le CSS ( PA > Affichage > Couleurs > Feuille de style CSS ) ceci :

Code:

.code div { width: 500px !important; }

( le 500 étant modifiable )

Je déplace dans problème d'apparence.

Cordialement.

[Forum-GadElmaleh]

Merci beaucoup Etana, c'est parfait maintenant! =D Mon problème est résolu! ^^