Signature dans "Profil" large / décalé

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

Résolu Signature dans "Profil" large / décalé

Message par Sapphire-Melody le Ven 25 Mar 2016 - 16:42

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
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
Lien du forum : http://sapph-tests.forumactif.org/

Description du problème

Bonjour / Bonsoir,

Je me permets de déranger car il y a un problème que je n'arrive pas à résoudre sur mon forum test. En effet comme vous pouvez le voir sur la capture d'écran, certains éléments sortent du corps du forum. Ce problème a lieu dans l'onglet "Signature" lorsque l'on veut la modifier...

Je vous fourni mon CSS (Car je pense que c'est de là que vient le problème) :

CSS:
Code:
/*---------------GENERALITES DU FORUM------------------*/

/*fond + bannière*/
body {
  background: url("http://i.imgur.com/5DbhTAR.png") no-repeat center top,
          url("http://i.imgur.com/g8S5eCi.png") repeat 0 0;
}

/*espace pour la bannière*/
#i_logo
{
height: 461px;
}

/*fond de l'espace catégorie*/
#page-body
{
background: url("http://i.imgur.com/xMnVfCZ.jpg");
  width: 800px;
}

/*largeur de l'espace catégorie*/
.bodylinewidth
{
width: 800px;
}

/*suppression du soulignement des liens*/
a:link, a:link hover
{
 text-decoration: none !important;
}


/*---------------FIN GENERALITES DU FORUM------------------*/

/*---------------NAVIGATION-----------------*/

/*mise en place de la barre*/
#navig
{
 width: 800px;
 text-align: center;
 background: url("http://i.imgur.com/xMnVfCZ.jpg");
  height: 30px;
}

/*personnalisation des liens*/
#navig a
{
 font-family: 'Pompiere';
  font-size: 18px;
  color: #1C2240 !important;
  transition: 1s; /* realise une transition lente avec l effet au survol */
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
}

/*personnalisation des liens au survol*/
#navig a:hover
{
 color: #BFCBD9 !important;
  transition: 1s; /* realise une transition lente avec l effet au survol */
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
}

/*--------------FIN NAVIGATION----------------*/

/*---------------CATEGORIES------------------*/

/*titre de la catégorie*/
.cate_titre h2
{
  width: 800px;
  color: #205BA8;
  font-family: 'Permanent Marker', cursive;
  font-size: 28px;
  letter-spacing: 2px;
  text-align: right;
  padding: 3px 0;
  height: 50px;
  margin-top: 50px;
    margin-bottom: -50px;
  margin-left: -10px;
 
}

/*bloc de la catégorie*/
.cate_bloc
{
  height: 180px;
  margin-top: 60px;
}

/*lien du forum*/
a.forumlink
{
  position : absolute;
  z-index: 10;
  display: block;
  width: 380px;
  margin: 10px 0 0 195px;
  padding: 2px 0 2px 100px;
  background: #1B2242;
  font-family: 'Pompiere', sans-serif;
  color: #F0F0F3 !important;
  font-size: 16px;
  transition: 500ms;
}

/*lien du forum au survol*/
a.forumlink:hover
{
  background: #4A4B74;
}

/*bloc du dernier sujet*/
.last_post
{
  position: absolute;
  z-index: 11;
  width: 150px;
  height: 100px;
  padding-top: 50px;
  right: 0;
  margin-right: 300px;
  margin-top: -140px;
  background: #d0cdc8;
  border: 5px solid #F0F0F3;
  box-shadow: 0px 0px 5px #39322c;
  border-radius: 150px;
  overflow: hidden;
  text-align: center;
  font-size: 11px;
}

/*nombre de sujets et messages*/
.stats1, .stats2
{
  position: absolute;
  z-index: 12;
  width: 60px;
  text-align: center;
  right: 0;
  font-size: 26px;
  line-height: 14px;
  font-family: 'Pompiere', cursive;
  color: #999999;
  margin-right: 300px;
  margin-top: -230px;
}
.stats1
{
  margin-right: 350px;
  margin-top: -120px;;
}
.stats2
{
  margin-right: 350px;
  margin-top: -30px;
}
.stats1 .gensmall, .stats2 .gensmall
{
  display: block;
  font-family: 'Pompiere', serif;
  color: #999999;
  font-size: 12px;
}

/*bloc avatar du dernier posteur*/
.forum_avatar
{
  position: absolute;
  z-index: 13;
  width: 60px;
  height: 60px;
  right: 0;
  margin-right: 280px;
  margin-top: -140px;
  overflow: hidden;
  border-radius: 60px;
  border: 3px solid #F0F0F3;
  box-shadow: 0px 0px 5px #39322c;
  background: #3a332d;
}

/*avatar du dernier posteur*/
.forum_avatar img
{
  width: 65px;
  margin-top: -20px;
}

/*icône "new" "no new" "old"*/
.forum_icone
{
  position: absolute;
  z-index: 12;
  right: 0;
  margin-right: 275px;
  margin-top: -80px;
}

/*Section du bas du forum (description + image)*/
.forum_bottom {
  position: relative;
  width: 800px;
  height: 137px;
  margin: auto;
  margin-top: 10px;
}

/*Bloc de la description du forum*/
.forum_desc {
  float: left;
  width: 800px;
}
/*Cadre de l'image de la description*/
.forum_desc_img_cadre {
  float: left;
  width: 200px;
  height: 150px;
  border: 5px solid #F0F0F3;
  box-shadow: 0px 0px 5px #39322c;
  margin-left: 5px;
}
/*Image de la description*/
.forum_desc img {
  width: 200px;
  height: 150px;
}
/*Description du forum*/
.forum_desc_desc {
  float: left;
  width: 380px;
  height: 105px;
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 5px;
  font-family: 'Gudea', sans-serif;
  font-size: 13px;
  text-align: justify;
  overflow: auto;
}

/*Bloc sous les sous-forums*/
.forum_bloc_sous_forums {
  position: absolute;
  width: 180px;
  height: 130px;
  z-index: 1;
  margin-left: 5px;
}
/*Sous-forums*/
.forum_sous_forums {
  width: 190px;
  height: 140px;
  padding: 10px;
  text-align: center;
  font-family: 'Gudea';
  opacity: 0;
  background-color: rgba(0,0,0,0.8);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

 /*Apparition des Sous-forums*/
.forum_bloc_sous_forums:hover .forum_sous_forums {
  opacity: 1;
}

/*couleur des liens des sous-forum*/
.forum_sous_forums a {
    color: #F0F0F3;
}
/*---------------FIN CATEGORIES------------------*/
#chatbox_header{
background: #4A4B74;
}

#chatbox_footer {
background: #4A4B74;
}

#chatbox{
background: #f3f3f3;
}

#chatbox_members{ 
background: #f3f3f3;
}

.chatbox_row_1{
background: #f3f3f3;}

.chatbox_row_2{
background: #f3f3f3;}

#chatbox_members .member-title{
background: #f3f3f3;
}

td.catBottom, th.thBottom {
    border-width: 0 0px 0px !important;
}

#chatbox_header .catBottom .cattitle {
    color: #ffffff;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
    color: #ffffff;
}


/*-----------------LISTE SUJETS-----------------*/

/*intitulé "sujets"*/
.battysujet_sujet{
font-size: 25px;
  color: #4A4B74 !important;
  font-family: 'Pompiere', sans-serif;
  text-transform:uppercase;
  font-weight:normal;
}

/*image "old", "new" etc. du sujet*/
.battysujet_image{
display:inline-block; 
width: 80px;
height:80px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: -4px;
overflow:hidden;
}

/*bloc du titre*/
.battysujet_description{
position:relative;
display: inline-block; 
font-size: 12px;
background-color: #F0F0F3;
width: 420px;
height:50px;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
text-align:justify;
overflow:hidden;
}

.battysujet_etiquette{
position:absolute;
right: 5px;
bottom:5px;
}

/*bloc "Dernier Message"*/
.battysujet_dernier{
display: inline-block;
font-size: 12px;
background-color: #F0F0F3;
width: 200px;
height:50px;
padding:5px;
margin: 5px;
text-align:center;
overflow:hidden;
}

battysujet_type{
text-transform:uppercase;
color:#282828;
}

.repetcurieux{
  font-size: 12px;
  color:#000;
  font-family: 'Arial';
  font-weight: normal;
  }

.titresujet{
  font-size: 18px;
  color:#4A4B74 !important;
  font-family: 'Pompiere', sans-serif;
  text-transform:uppercase;
  text-decoration: none !important;
  font-weight:normal;
  }

.lastpost-avatar img {
width: 55px;
 height: 110px;
  margin-top: -20px;
  margin-left: -3px;
 
  }

.lastpost-avatar {
  z-index: 13;
  width: 45px;
  height: 45px;
  right: 0;
  overflow: hidden;
  border-radius: 60px;
  border: 3px solid #F0F0F3;
  box-shadow: 0px 0px 5px #39322c;
background: #3a332d;
float: right;
margin-top: 30px;}
 
/*------------------FIN LISTE SUJETS----------------*/

.description4 {
  display: block;
  width: 200px;
  margin: auto;
  height: 400px;
  overflow: hidden;
  margin-top: -10px;
  transition:0.4s ease;
  position: relative;
  z-index: 1;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 2px #39322c;
}

.description4:hover {
  display: block;
  width: 200px;
  margin: auto;
  height: 400px;
  overflow: hidden;
  margin-top: -10px;
}

.description4_contenu {
  position: absolute;
  width: 200px;
  height: 400px;
  overflow: 400px;
  background-color: #EFE9DD;
  font-size: 11.5px;
  font-family:'Gudea';
  color: #3E352E;
  text-align: justify;
  padding:0px;
  opacity: 0;
  transform: all;
  transition: 1s;
  margin-top: -10px;
}

.description4_contenu img {
  width: 180px;
}

.description4_contenu:hover {
  opacity: 1;
  transform: all;
  transition: 1s;
  margin-top: -10px;
}

/*bordures titre*/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/*---------------FICHES----------------*/

.chapeau {
  width:500px;
  border-top: 4px solid #4A4B74;
  border-radius: 100px 100px 0px 0px;
}
.fiche1 {
  width: 480px;
  padding: 10px;
  font-family: 'Gudea';
  text-align: justify;
  background: url("http://i.imgur.com/7gPwYnH.jpg");
}

.titrefiche1 {
  text-align: center;
  color: #4A4B74;
  font-family: 'Pompiere';
  font-size: 40px;
  margin-top: -20px;
}

.soustitrefiche1 {
  color: #4A4B74;
  font-family: 'Pompiere';
  font-size: 18px;
  width: 480px;
  border-bottom: 1px solid #4A4B74;
}

.titrefiche2 {
  text-align: center;
  color: #4A4B74;
  font-family: 'Pompiere';
  font-size: 40px;
  margin-top: 20px;
}

.fiche2 {
  width: 500px;
  padding: 10px;
  font-family: 'Gudea';
  text-align: justify;
  border: 5px solid #ffffff;
  background: url("http://i.imgur.com/7gPwYnH.jpg");
}

Merci à ceux qui prendront la peine de me lire ~


Dernière édition par Sapphire-Melody le Jeu 31 Mar 2016 - 19:14, édité 1 fois

Sapphire-Melody
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 12/04/2014

http://sapph-tests.forumactif.org/
Sapphire-Melody a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature dans "Profil" large / décalé

Message par Sapphire-Melody le Mer 30 Mar 2016 - 20:48

Le problème est toujours d'actualité.
Merci~

Sapphire-Melody
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 12/04/2014

http://sapph-tests.forumactif.org/
Sapphire-Melody a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature dans "Profil" large / décalé

Message par ◦Jay◦ le Jeu 31 Mar 2016 - 8:49

Bonjour Sapphire-Melody, le problème ne vient pas de vous, c'est un beug, je ne sais pas quand il sera résolu ^^

Vous pouvez essayer de régler le problème en mettant ce code dans votre CSS , réglez la taille comme vous avez besoin :

Code:
.sceditor-container.ltr.sourceMode {
    max-width: 600px;
}

Cela influe sur tous les éditeurs, il faut donc ne pas être en dessous de la taille des autres éditeurs de texte.

Bien à vous.



◦Jay◦
Créactif
Créactif

Masculin
Messages : 2098
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature dans "Profil" large / décalé

Message par Sapphire-Melody le Jeu 31 Mar 2016 - 19:13

Merci beaucoup Jay, le problème est résolu !

Sapphire-Melody
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 12/04/2014

http://sapph-tests.forumactif.org/
Sapphire-Melody 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