Problème sur un libre-service de message RP

[Hley]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai essayer de tester des codes (environ 1 semaine)
Lien du forum : http://les-3-clans-lgdc.forumactif.com

Description du problème

Bonjour alors je m'y connais un tout petit peu quand même en code et en CSS, mais une amie à moi qui est administratrice avec moi à placer un code et un CSS sur notre forum de Role Play. Le problème est que peut-importe le code qu'on va pouvoir mettre il gardera une taille définie alors que nous voulons qu'il s'agrandit et rapetisse en fonction du texte qu'on y insère mais rien ne s'y fait.

J'ai essayer de voir sur le code en lui même mais je ne trouve pas d'endroit pour modifier la taille en automatique, dans le CSS béh.. pour être honnête vue que je ne l'ai pas placer moi même je ne le comprend absolument pas.
Alors je voudrais savoir si c'est un problème avec le CSS ou le code en lui même je vous passe des exemplaires pour plus de détails et d'idée reçu sur le problème.

Code en question :

Code:

<link href="https://fonts.googleapis.com/css?family=Finger+Paint" rel="stylesheet" type="text/css"><link href="https://www.aht.li/3117181/AZA_RP.css" rel="stylesheet" type="text/css"><div class="AZA"><!-- TITRE --><div class="tleAZA">l'Histoire du Clan des Ombres Eternelles</div><!-- CREDIT --><a class="cdtAZA" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- MESSAGE --><div class="msgAZA">Autrefois deux clans furent en rivalités constante, l'un attaquait l'autre, l'autre se défendait puis contre-attaquait.... Et ce en boucle. Mais un jour, le clan ennemi était bien plus déterminé que les fois précédentes; il ne comptait pas juste remporter la victoire et gagner un bout de territoire en plus, mais avait pour objectif de détruire le clan adverse... Le clan attaqué ne savait que faire face à la violence et la haine dont faisait preuve les guerriers de l'autre clan. Suite à cette attaque le clan fut détruit, seuls quelques membres furent sauvés dont Plume Ambrée, Oeil de Trèfle, Ombre Eternelle, Pluie d'Hiver et Nuage Etoilé et quelques autres guerriers. Ombre Eternelle receva un jour une prophétie du Clan des Etoiles lui prouvant qui devait créer un nouveau clan et en devenir chef. Alors avec Plume Ambrée, Oeil de Trèfle, Pluie d'Hiver, Nuage Etoilé et des solitaires de passage, il créa le Clan des Ombres Eternelles. Depuis il prit le nom de Etoile Eternelle et fit Plume Ambrée son lieutenant.

Un jour bien triste, Etoile Eternelle décéda dans sa toute dernière vie et rejoint le Clan des Etoiles afin de chasser avec lui pour l'éternité... Plume Ambrée dû alors reprendre le flambeau. Elle partit à la pierre de lune avec le guérisseur de l'époque pour recevoir son nom et ses 9 vies. Plume Ambrée devint donc chef sous le nom de Etoile Ambrée et choisit Oeil de Trèfle en lieutenant. Mais un jour Etoile Ambrée trébucha sur le chemin du tonerre et se cassa la patte à cause d'un monstre qui passa au même moment. Elle dû rejoindre la tanière des anciens dans sa dernière vie et laisser son poste à son lieutenant aveugle Oeil de Trèfle. Oeil de Trèfle déclara au clan entier qu'elle ne souhaitait pas devenir chef, et que de toute façon une aveugle ne ferait jamais une bonne meneuse. Elle passa alors le relai à Plume Nacrée un guerrier du clan né en dehors du clan mais élevé par une des reines du clan; Pluie d'Hiver.

Plume Nacrée partit à la pierre de lune avec Rêve de Minuit pour recevoir la bénédiction du Clan des Etoiles ainsi que son nom et ses 8 vies. Plume Nacrée revint au camp avec son nouveau nom; Etoile Nacrée et choisit  Crépuscule des Enfers comme lieutenant.
</div><!-- FT --><div class="ftAZA">Auteur : Swiffer</div></div>

Vous voyez déjà là que le texte est beaucoup plus long que l’aperçu donne.

Voici ensuite le CSS :

Code:

#i_logo {margin-left:-10px;
margin-right:-10px;
margin-top:0px;
margin-bottom:-19px;}

.navig {
position: absolute;
top: -3px;
width: 100%;
}

a.mainmenu {
font-size:12px;
margin:-5px;
padding-left:7px;
padding-right: 7px;
padding-top:3px;
padding-bottom:3px;
font-family: georgia; font-style:bold;
text-decoration:none!important; letter-spacing:0px;text-transform: none;text-shadow: #1C1813 0px 0px 1px;text-transform: uppercase;
}

a.mainmenu:hover
{
font-size:12px;
margin:-5px;
padding-left:7px;
padding-right: 7px;
padding-top:3px;
padding-bottom:3px;
font-family: georgia; font-style:bold;
text-decoration:none!important; letter-spacing:0px;text-transform: none;text-shadow: #BA4A36 0px 0px 1px;text-transform: uppercase;}

a.mainmenu img{
display: none;
}

.forumline {
  border-left:0px solid #221E1A;
  border-right:0px solid #221E1A;
  border-top:0px solid #221E1A;
  border-bottom:0px solid #221E1A;
  margin-bottom:-5px;
  padding-top:-10px;
}

.bodyline{
  background-image: url('http://image.noelshack.com/fichiers/2013/29/1373895003-5632.png');
  background-color: #FFF8D8;
}

span.forumlink { 
display: block;
text-align: left;
border-bottom:0px solid #F2F2F2;
}

span.forumlink:hover
{ display: block;
text-align: left;
border-bottom:0px solid #F2F2F2;
}

.row1.over span.gensmall { display:inline;}

a {
text-decoration: none;
}

u{text-decoration: none;}

.postdetails.poster-profile textarea { width: 196px; Height: 50px;}

a:hover {text-decoration: none!important;}

.code {
width: 400px;
    max-width: 400px;
    overflow: hidden;
white-space: normal;
background-color:#27221D;
border:1px solid #211D1A;
border-left:5px solid #5C372A;
padding:10px;
color:#5F5347;
}

.spoiler {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
width: 300px;
    max-width: 300px;
    overflow: hidden;
white-space: normal;
padding:10px;
color:#5F5347;
}

.quote {
background-color:#27221D;
border:1px solid #211D1A;
border-left:5px solid #5C372A;
padding:10px;
color:#5F5347;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

a.forumlink{ margin-left:5px; margin: 1px; font-size: 15px; font-family: Courier New; font-style:bold; text-decoration:none!important; text-align: right;letter-spacing:5px;text-transform: none;margin-left: 0px; text-shadow: #1E1A16 0px 0px 1px;text-transform: uppercase;
}

a.forumlink:hover{ margin-left:5px; margin: 1px; font-size: 15px; font-family: Courier New; font-style:bold; text-decoration:none!important; text-align: right;letter-spacing:5px;text-transform: none;margin-left: 0px; text-shadow: #C7603C 0px 0px 1px;text-transform: uppercase; color: #AD781F;
}
/*****PA****/
/*CSS MESSAGE ACCUEIL*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #EDD6B4;   
  color: #633A00;
  font-size: 13px
 
  border: 2px #000000 solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 1px 1px 5px #D9D0A5;
  -webkit-box-shadow: 1px 1px 5px ;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 160px;
  height: 40px;
  padding: 1px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
       
.block-partenaires img:hover {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #EDD6B4;
  color: #000000;
  text-shadow: 0px 0px 8px #ffffff;
  border: #000000 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 80px;
  height: 80px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #D6A383;
}

.lien:hover{
  background: #ffffff;
  color: #D6A383;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 90px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome {
  height: 170px;
  overflow: auto;
  text-align: justify;
}
.block-staff {
  height: 170px;
  overflow: auto;
  text-align: left;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 90px;
}

.block-partenaires,{
  width: 280px;
  height: 150px;
}
.block-nouveautes, { 
  width: 280px;
  height: 150px;
}
.block-credits { 
  width: 200px;
  height: 100px;
}
.block-partenaires > div,{
  width: 280px; 
  height: 190px;
  overflow: auto;
}
.block-nouveautes > div, {
  width: 290px; 
  height: 190px;
  overflow: auto;
}
.block-credits > div  {
  width: 200px; 
  height: 70px;
  overflow: auto;
}
/* Titres */
.titre {
  font-family: Sans-Serif;
  font-size: 16px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #000000 solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #D6A383;
  text-shadow: 0px 0px 0px #5;
}

.titre-welcome:hover {
  background: #EDD6B4;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}
/* CHATBOX */

.ChatboxLaterale {
  position: fixed; /* position fixe dans la fenêtre */
  bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
  left: 0; /* et collé au bord gauche */
  width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
  width: 800px; /* largeur */
  height: 300px; /* hauteur */
  display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
  cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}

body.chatbox { background-image: url(http://www.hostingpics.net/viewer.php?id=426325163198fondcatgorietexte.jpg); background-repeat: repeat;}

#chatbox_members { border-right: 1px dotted #a8a179; }

#chatbox_header {height: 28px;  background-color: #BAB69D; border-bottom: 1px solid #BAB69D;   
border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px; -htm-border-radius: 15px;  -webkit-border-radius: 15px; }

#message,#submit_button{border-width: 1px;  background-image: url('http://img4.hostingpics.net/pics/718930fond2.jpg');}

.fontbutton_normal {background-image: url('http://img4.hostingpics.net/pics/718930fond2.jpg');}

.fontbutton_selected {background-image: url('http://img4.hostingpics.net/pics/718930fond2.jpg'); border: 1px dotted #C5C3AE;}

.fontbutton_clicked {background: url('http://img4.hostingpics.net/pics/718930fond2.jpg');border: 1px dotted #C5C3AE;}

.fontbutton_hover {background: url('http://img4.hostingpics.net/pics/718930fond2.jpg');border: 1px dotted #BAB69D;}
/*TOOLBAR */
#fa_toolbar {
    background-color: transparent !important;  /* Rend transparent le fond principal */
}
#fa_right {
    background-color: transparent !important;  /* Couleur de fond */
    border-radius: 0 0 40px 40px;  /* Arrondis les bords */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 50px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */
    right: 20px;  /* Décale la toolbar de la droite */
}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}

Merci à celui/c'elle/c'eux qui essayerons de m'aider sur ce soucis, comme dit ça fait 1 semaine que je me creuse la tête mais là j'abandonne.
Bonne journée/soirée.

[Neptunia]

Bonjour ^^

ça fait 1 semaine que je me creuse la tête mais là j'abandonne.

Moi j'ai trouvé la solution en 1 seconde !

Vous auriez dû demander à votre co-administratrice d'où venait le code.

[42] Message RP

Le tuto propose deux blocs de code :
Le premier correspond au visuel affiché.
Le second est présenté comme Sans barre de défilement

[Hley]

Oh mon dieu mais vous êtes géniale, je lui avait demander mais cette petite friponne avait oubliée :') je vous remercie infiniment c'est parfait *w*