Smiley qui ne s'affichent pas correctement dans la boîte à smiley

[daebrylla]

Bonjour

Je suis en train faire un nouveau design et j'ai remarqué que j'avais un problème au niveau de la boîte à smiley. En effet, au lieu d'avoir une barre de défilement à la verticale, elle est à l'horizontale. Et j'aimerais la ramener à la verticale.

Histoire de vous montrer, voilà ce que j'ai

Spoiler:

Et voilà ce que j'aimerais

Spoiler:

J'ai modifié l'index body, l'index box viewtopic body. Est-ce que ça pourrait provenir d'un des templates ?

Merci à l'avance

[daebrylla]

Up

[daebrylla]

Up

[Dr. Karlos]

Bonsoir,

Pouvez-vous collier ici votre CSS personnalisé (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS)?

De plus, vos templates posting_body, posting_smilies, posting_smilies_frame ou posting_smilies_wysiwygont-ils été modifiés?


Cordialement.

[daebrylla]

Bonjour,

Les différents templates que vous venez de me citer n'ont pas été modifiés. Juste le l'index body, l'index box viewtopic body

voici le css

Code:

.forumline{
width: 850px;
margin:auto;}

/*IMAGES DE LA BARRE DE NAVIGATION COMPLÈTEMENT SUPPRIMÉES*/
        .nav img {
        display:none; }


/************************************ FOR JUSTIFICATION ET MARGES SUR TOUS LES POSTS ************************************/
.postbody {
text-align:justify;
padding-left:40px;
padding-right:40px;
}

/************************************ FOR EDITION DES MESSAGES ************************************/
tr.post span.gensmall { display: none; }

/************************************ FOR LIENS ************************************/
a:hover{text-transform:uppercase;}

/************************************ FOR PROFIL ************************************/
.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{background-color: #D3FAAF;
border: 1px solid #D3FAAF;
font-size: 12px;}

.profil1/*ceci s'appliquera au bouton*/
{width: 200px;
background-color: #D3FAAF;
border: none;
font-size: 12px;
font-weight: bold;}

/************************************ SOULIGNEMENT DES PSEUDO ************************************/
a { text-decoration: none; }

/************************************ FORUM EN GENERAL ************************************/
body {
background: #D3FAAF url(http://www.gilawhost.com/images/oe69sjrv.png);
}

.bodylinewidth {
width:50%}

.three-col {
  width:200px;
}
a.forumlink{
color:#oooooo;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
display:block;
text-align: center;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #778899;
border-left:  20px solid #778899;
border-right: 20px solid #77889;
-moz-border-radius:20px;
-webkit-border-radius:20px;}


.forumline {
background-color: #D3FAAF;
-moz-border-radius: 25px 25px 15px 15px;
-o-border-radius: 25px 25px 15px 15px;
-htm-border-radius: 25px 25px 15px 15px;
-webkit-border-radius: 25px 25px 15px 15px;
border-bottom: 8px #D3FAAF solid;
border-top: 1px #D3FAAF dotted;
border-right: 1px #D3FAAFsolid;
border-left: 1px #D3FAAF dotted;
}

/* Suppression des bordures disgracieuses */
 
td.catLeft,td.catBottom,td.catHead,td.catRight,.row3Right,.thRight,.thLeft {
    border-width:0 0 0 0px !important;
    }


/******************* FOR QEEL *******************/
.OngletPart{position:absolute; background-color:#D3FAAF !important; height:100px; width:250px !important; padding:7px;display:block;}
 
 
#Feu1{z-index:1;}
 
 
#Feu1{z-index:1;}
 
.qeel{
  font-size: 12px;
  align: justify;
  min-height:200px;
  padding-top:15px;
  padding: 5px;
}
 
.fondqeel {
  background-color: #D1F0B4;
}
 
.groupesch {
  font-size: 14px;
  align:center;
  valign:middle;
}
 

/******************* SUPRIMER MARGE DU HAUT ET DU BAS *******************/
.bodyline {
border-width : 4px;
border-style: simple;}

body{
margin-top: -10px;
margin-bottom: -10px;}

.bodyline {
border-bottom: none}

/************************************ FOR INFUBULLES ************************************/
  .infobulle{
    position: relative;
    z-index: 0;}

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

    .infobulle span{
    position: absolute;
    background-color: #B1C6C7;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #FFFFFF;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FF0000;
    border: 2px solid #0000FF;}

/************************************ FOR PA ************************************/
/*cadre contexte*/
.pacontext {
border : 1px solid #000000;
}

/*cadre partenaire*/
.paparten {
border : 1px solid #000000;
}

/*cadre staff*/
.pastaff {
border : 1px solid #000000;
}

/*cadre news*/
.padernews {
border : 1px solid #000000;
}

/*cadre liens*/
.paliens {
border : 1px solid #000000;
}

/*cadre credit*/
.pacredit {
border : 1px solid #000000;
}

/*titre contexte*/
.ticontext {
margin-left : 30px;
background-color : #D3FAAF;
position : relative;
bottom : 10px;
}

/*titre partenaire*/
.tiparten {
margin-left : 30px;
 background-color : #D3FAAF;
position : relative;
bottom : 10px;
}

/*titre staff*/
.tistaff {
margin-left : 30px;
background-color : #D3FAAF;
position : relative;
bottom : 10px;
}

/*titre news*/
.tidernews {
margin-left : 30px;
background-color : #D3FAAF;
position : relative;
bottom : 10px;
}

/*titre liens*/
.tiliens {
margin-left : 30px;
background-color : #D3FAAF;
position : relative;
bottom : 10px;
}

/*titre credit*/
.ticcredit {
margin-left : 30px;
background-color : #D3FAAF;
position : relative;
bottom : 10px;
}


[Dr. Karlos]

Bonjour,

La largeur attribuée à forumline est responsable du problème. Elle applique la largeur à la table des smileys aussi.

Code:

.forumline{
width: 850px;
margin:auto;}

Remplacez cette partie par ce code:

Code:

.forumline{
min-width: 200px;
margin:auto;}

Cordialement.

[daebrylla]

Tip top, la box a retrouvé sa taille normale

Merci beaucoup, le sujet peut être archivé