Problème avec la balise [code]

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec la balise [code]

Message par Forum-GadElmaleh le Sam 29 Mai 2010 - 13:33

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! =)

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Anzu le Sam 29 Mai 2010 - 13:42

Rebonjour ^^

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

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par james beckett le Sam 29 Mai 2010 - 13:44

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.

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Sam 29 Mai 2010 - 13:47

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... =$

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par james beckett le Sam 29 Mai 2010 - 14:15

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

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Sam 29 Mai 2010 - 14:17

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

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par james beckett le Sam 29 Mai 2010 - 14:24

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

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

james beckett
****

Masculin
Messages : 338
Inscrit(e) le : 11/10/2009

http://dailylife.forumactif.org/index.htm
james beckett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Sam 29 Mai 2010 - 14:24

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
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Dim 30 Mai 2010 - 20:54

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

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Ea le Mar 15 Juin 2010 - 2:02

Bonjour,

Où en est votre problème ? Est il résolu 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 merci

A bientôt sur ForumActif
Smile

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Mar 15 Juin 2010 - 9:11

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

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Ea le Mar 15 Juin 2010 - 9:17

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


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Mar 15 Juin 2010 - 9:19

Bien sur. ^^
Voici une page sans code: LIEN SUPPRIME
Et une autre avec code: LIEN SUPPRIME


Dernière édition par Forum-GadElmaleh le Mar 15 Juin 2010 - 9:24, édité 1 fois

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Ea le Mar 15 Juin 2010 - 9:22

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la balise [code]

Message par Forum-GadElmaleh le Mar 15 Juin 2010 - 9:25

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

Forum-GadElmaleh
***

Féminin
Messages : 163
Inscrit(e) le : 31/01/2009

http://www.fascination-rpg.com
Forum-GadElmaleh a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum