Problème avec l'emplacement de la zone de saisie

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

Résolu Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Jeu 11 Déc 2014 - 9:46

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, 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 : Le 10/12/2014, suite à l'application d'un nouveau thème
Lien du forum : http://etatlimite.bbactif.com/

Description du problème

Bonjour,

Hier, j'ai appliqué le thème A blue christmas trouvé sur Hitskin. Malheureusement, les choses ne se sont pas passées comme prévue puisque la box servant de zone de saisie de texte n'est pas positionnée sous la barre d'outil texte.

Il en résulte que lorsqu'on écrit un message, le curseur (qui est bien en haut de la zone de saisie) apparaît au milieu de la page et non sous la toolbar. Pour contourner le problème, il faut redimensionner la taille de la fenêtre de saisie. Et là, tout se remet en place.

Cependant, cette opération doit être réalisée à chaque nouvelle réponse ou préviasualisation de message.

J'ai regardé le CSS mais je n'ai rien trouvé.
Code:
/*--------------- CHRISTMAS ITEMS ---------------*/

#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 142px;
width: 901px;
background: url(http://img4.hostingpics.net/pics/683989menu211.png) no-repeat top center;}

#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/santa10.png) no-repeat;
/*THE SANTA FROM HEADER*/}

#emptyidleft{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/shoes11.png);/*SHOES FROM FOOTER*/
width: 869px;
height: 55px;
position: absolute;
bottom: 0px;
margin-bottom: -60px;}

.forabg .corners-top{
height: 64px;
width: 48px;
position: relative;
margin-bottom: -58px;
right: -834px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/hat10.png) no-repeat;
/*HAT FROM THE TABLES*/}

#content{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/candy11.png) no-repeat bottom right;
/*CANDY FROM THE BOTTOM OF THE FORUM*/}

/*--------------- END - CHRISTMAS ITEMS ---------------*/




.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #d2dfe8;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}

#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
background: #274d8b;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}

#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}

#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}

.codebox.spoiler dt{background: url(http://i66.servimg.com/u/f66/11/96/49/61/new20d10.png) no-repeat top right;}

.codebox dd{margin-top: -18px;}

.codebox.spoiler dd{margin-top: -15px;}

code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #536482 !important;}

.codebox{
text-shadow: 1px 1px 0px white;
background: #edf3f7 !important;
border: 2px solid #1675BC !important;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

.codebox dt{
border: 0;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}

blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #edf3f7 url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png) no-repeat 5px;
border: 1px solid #1675BC;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

blockquote div {margin-left: 40px;}

.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #edf3f7 url(http://i66.servimg.com/u/f66/11/96/49/61/magnif10.png) no-repeat 2px;
border: 1px solid #1675BC;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

.resizebox .resize_border{border: 0;}

#fa_ticker_block .module{
border: 1px solid #1675BC;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius:  7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}

.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}

.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;}

a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/button18.png) repeat-x top;}

textarea, input, .inputbox{
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}

.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}

.panel{
margin: 10px;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;
border: 1px solid #1675bc;}

#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}

#page-footer{margin-top: 40px;}

.footer-home{top: -120px !important;}

 #page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}

#site-title, #logo-desc p{display: none;}

body{
background-attachment: fixed !important;
padding-left: 30px;}

#wrap{
margin-top: 150px;}

#search-box{
margin: 0;
padding: 0;
background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/search11.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}

#search-box .button2{display: none;}

#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}

#page-header{
min-height: 245px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/header25.png) no-repeat top center;
width: 926px;}

#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}

#logo-desc{
margin-left: 85px;
margin-top: 16px;}

#page-header .navbar .linklist.navlinks a{
margin-right: 3px;
text-shadow: 1px 1px 3px black;
color: white !important;}

#page-header .navbar .linklist.navlinks a:hover{
color: #e2edf9 !important;
text-shadow: -1px -1px 2px black;}

.headerbar{background: none;}

#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body24.png) repeat-y;}

#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}

#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body_e10.png) no-repeat bottom center;}

#page-footer{
width: 926px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/footer25.png) no-repeat top center;
height: 55px;}

#page-footer .navbar{background: none;}

#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}

#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}

#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}

.footer-home a{color: transparent !important;}

.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}

.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}

.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/home13.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}

.footer-home:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/homeho12.png) no-repeat center;}

#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}

.copyright{text-align: left !important;}

.header{
height: 35px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png);}

#memberlist, .table1{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png) no-repeat top center;
height: 35px;}

#memberlist{padding-top: 18px;}

#memberlist th{margin-top: -10px;}

.table1{padding-top: 15px;}

.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

.header dd, .header dt{
position: relative;
bottom: -8px;}

.forumbg .header dt{padding-left: 5px !important;}

dd.topics{
font-size: 15px;
text-shadow: 1px 1px 0px white;
position: relative;
left: -517px;
top: -8px;}

.forabg dd, .forumbg dd{border: none !important;}

.row, ul.forums dd{border: none !important;}

.icon{background-position: 20px 70% !important;}

.forumbg .icon{background-position: 8px 50% !important;}

dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/lock_t10.png) no-repeat scroll 10px 50%;"] .topics {
color: #b52b2b;}

dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/lock_t10.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 70% !important;}

dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/newtop10.png) no-repeat scroll 10px 50%;"] .topics {
color: #ffb400;
background-position: 15px 70% !important;}

dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/newtop10.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 75% !important;}

.header dd.topics{display: none;}

.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}

form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}

form[name="post"] .forabg .header dt{padding-left: 5px;}

.forabg .row:last-child{margin-bottom: -5px;}

.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -10px;
background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/table_12.png) no-repeat bottom center;
height: 16px;}

.forabg, .forumbg {
background: none;
border: none;
padding: 0px !important;}

.panel{margin-bottom: 0;}

#content{
width: 860px;
margin: 0 !important;}

.h3, h3, .panel h2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/h3bg10.png) no-repeat bottom left;
border: 0 !important;
color: #0076B1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;}

.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}

.pagination{margin: 0;}

.forumbg, .right, fieldset.submit-buttons{margin: 0;}

#picture_legend li:first-child {color: #ffb400;}

#picture_legend li:last-child {color: #b52b2b;}

#picture_legend li img{
margin-right: -55px;
margin-bottom: 25px;}

#picture_legend li{padding-right: 40px;}

.postprofile,.postbody{margin-left: -5px !important;}

.postbody{
border: 2px solid #1675BC;
min-height: 145px;
width: 74%;
border-radius:  10px;
-webkit-border-radius:  10px;
-moz-border-radius:  10px;
background: #E1EBF2;
float: right;
padding: 10px;
position: relative;
left: -5px;}

.postprofile{
margin-top: 20px;
border-radius:  10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}

.table-title{padding-left: 10px;}

#i_whosonline{margin: 0;
margin-left: -64px;}

.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}

a.forumtitle:hover{text-decoration: none;}

#hitskin_preview{display: none !important;}

.portal .module{
margin: 5px;
border: 2px solid #1675BC;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}

.portal .module .h3{
text-align: center;
padding: 7px;
background: #1675BC;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}

.post{
margin-left: 5px;
padding-right: 14px !important;}

.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}

.addthis_button{display: none !important;}

p.page-bottom:last-child {background: red !important;}


.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}

#wrap{background: url(http://i66.servimg.com/u/f66/11/96/49/61/copyri10.png) no-repeat bottom 90%;
padding-bottom: 20px;}

select{
color: #bf0707;
border: 1px solid #bf0707;
border-left: 5px solid #bf0707;}

.buttons{min-height: 50px;}

.buttons a img{background: url(http://i66.servimg.com/u/f66/11/96/49/61/bg13.png) no-repeat center;}

.buttons a img:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover21.png) no-repeat center;}


#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

#search_menu form{
border: 1px solid #0372BE;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

.title-overview.row2{
border-bottom: 1px dashed white;
background: none;}


.panel.introduction div.mes-txt{margin-bottom: 0 !important;}

.introduction .h3{margin-top: 4px !important;}

input{border: 1px solid #BCBCBC;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

ul.profile-icons {margin-top: -10px;}


#left, #right{display: none !important;}


#chatbox_members, #chatbox{top: 35px !important;}

#cp-main{margin: 0;
width: 100%;}

#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}

.postprofile dl dd a img{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat top;}

.postprofile dl dd a img:hover{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat 0 -20px;}

#smiley-box {
float: right;
margin-top:0px;
width: 30%;}

#textarea_content{width: 70% !important;}

J'ai examiné les éléments de code avec Firefox et j'ai remarqué que lorsque le code iframe de box de smiley était désactivée, la textearea se remettait bien sous la toolbar.

Vous pouvez voir le problème de vos yeux sans créer de compte en entrant dans le salon des invités.

Je ne suis pas assez calé pour aller plus loin et je demande votre aide afin de résoudre ce problème : pourriez vous m'aider ?


Dernière édition par brokeNmad le Jeu 18 Déc 2014 - 10:23, édité 3 fois

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Jeu 11 Déc 2014 - 18:48

A la réflexion, j'imagine que je n'ai pas ouvert mon sujet au bon endroit. Il est fort possible que le problème soit lié à une question de code css ou javascript.

Vous serait-il possible de le déplacer svp ?

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Ven 12 Déc 2014 - 17:47

Bonsoir,

Je up pour remonter le sujet (on est pas à 24h mais pas loin ^^) afin qu'il soit déplacé au bon endroit ou bien qu'une âme charitable puisse éclairer ma route vers la solution au problème que je rencontre. =)

Merci d'avance et désolé pour le triple post.

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par Henrykiki le Sam 13 Déc 2014 - 1:26

Coucou, je viens d'aller voir sur ton forum,...

Alors je ne sais pas pourquoi, mais une fois que tu attribues un margin supérieur à 4px sur ton textarea, il te fout un espace de 400pixels d'un coup ! Alors l'astuce pour résoudre ton problème est d'établir un margin à 4px afin de remettre les choses en place... Donc :

Dans panneau d'administration » Affichage » Couleurs » Feuille de style » colle ceci.

Code:
.sceditor-container textarea {
margin: 4px !important; /* le !important forcera le margin à 4px */
}

Voilà, teste et dis-moi quoi si tu veux bien !

Henrykiki
**

Masculin
Messages : 95
Inscrit(e) le : 26/11/2014

http://scoubalou.forumsactifs.com
Henrykiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Sam 13 Déc 2014 - 16:00

Salut Henrykiki et merci d'avoir regardé mon problème.

Je viens d'ajouter le code que tu m'as proposé à la fin de mon css et, malheureusement, cela n'a rien changé.

Je constate que l'espace blanc entre le bas de la text-toolbar et le haut de la textarea est identique à la hauteur de la box de smiley. C'est comme si elle était "intercalée" entre la text-toolbar et la textarea.

Si je remplace le code
Code:
#smiley-box {
float: right;
margin-top:0px;
width: 30%;}
par
Code:
#smiley-box {
display:none;!important;}
... je n'ai plus de d'espace blanc entre la barre d'outil de texte et la textarea.

Mais du coup, je n'ai plus les smiley... ce qui est gênant. ^^

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Dim 14 Déc 2014 - 21:05

Bonsoir à tous,

J'up le sujet car j'aimerais rétablir le fonctionnement normal du forum tout en conservant le thème actuel pour les fêtes. Smile

Merci d'avance pour vos réponses.

Noel

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Lun 15 Déc 2014 - 21:01

Bonsoir,

up. Smile

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Mar 16 Déc 2014 - 20:25

Bonsoir,

Up et merci par avance de votre réponse. ^^

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par Henrykiki le Mer 17 Déc 2014 - 16:19

Coucou @brokeNmad !

Si tu as un fichier css, pourrais-tu nous transmettre celui-ci qu'on y jette un oeil ?
J'ai déjà regardé autrefois à ton problème, et je ne sais pas que te dire de plus pour le moment... Peut-être qu'avec ce dernier, je pourrai voir ce que tu as appliqué dedans à certaines parties, (dont peut-être ta smiley-box) et ainsi essayer de trouver le bug Wink

See you soon //

Henrykiki
**

Masculin
Messages : 95
Inscrit(e) le : 26/11/2014

http://scoubalou.forumsactifs.com
Henrykiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Mer 17 Déc 2014 - 16:45

Coucou mon fichier CSS est dans mon premier message. Wink

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par Milouze14 le Mer 17 Déc 2014 - 18:41

Salut brokeNmad,

on se connait car je vois des class portant ma signature (M14) en bas de ta c.s.s.

Supprimes l'intégralité de ta css et remplaces par celle-ci:

Code:


#smiley-box
{
    float:none !important;
    left: 65% !important;
    margin-top: 10px;
    position: absolute;
    width: 25%;
height: 300px !important;
}

#postingbox.panel
{
height: 490px !important;
}







/*--------------- CHRISTMAS ITEMS ---------------*/

    #page-header .navbar{
    padding: 0;
    position: absolute;
    top: 0;
    height: 142px;
    width: 901px;
    background: url(http://img4.hostingpics.net/pics/683989menu211.png) no-repeat top center;}

    #emptyidright{
    z-index: -1;
    position: absolute;
    top: 150px;
    margin-left: 10px;
    width: 936px;
    height: 301px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/santa10.png) no-repeat;
    /*THE SANTA FROM HEADER*/}

    #emptyidleft{
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/shoes11.png);/*SHOES FROM FOOTER*/
    width: 869px;
    height: 55px;
    position: absolute;
    bottom: 0px;
    margin-bottom: -60px;}

    .forabg .corners-top{
    height: 64px;
    width: 48px;
    position: relative;
    margin-bottom: -58px;
    right: -834px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/hat10.png) no-repeat;
    /*HAT FROM THE TABLES*/}

    #content{
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/candy11.png) no-repeat bottom right;
    /*CANDY FROM THE BOTTOM OF THE FORUM*/}

    /*--------------- END - CHRISTMAS ITEMS ---------------*/




    .attachbox{
    margin: 5px !important;
    border: 2px solid white;
    background: #d2dfe8;
    border-radius:  8px;
    -webkit-border-radius:  8px;
    -moz-border-radius:  8px;
    -moz-box-shadow: 0 0 5px black;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;}

    #login_popup{
    color: white !important;
    text-shadow: 1px 1px 0px black;
    border: 3px solid white;
    border-radius:  8px;
    -webkit-border-radius:  8px;
    -moz-border-radius:  8px;
    background: #274d8b;
    color: white;
    -moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
    -webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
    box-shadow: 0px 0px 15px black, 0px 0px 15px black;}

    #login_popup .h3{
    border-bottom: 1px solid white !important;
    color: white !important;}

    #login_popup_buttons input{
    font-family: arial !important;
    font-size: 15px;
    font-weight: bold;
    border: none !important;
    background: none !important;
    color: white !important;
    text-shadow: 1px 1px 0px black !important;}

    .codebox.spoiler dt{background: url(http://i66.servimg.com/u/f66/11/96/49/61/new20d10.png) no-repeat top right;}

    .codebox dd{margin-top: -18px;}

    .codebox.spoiler dd{margin-top: -15px;}

    code{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #536482 !important;}

    .codebox{
    text-shadow: 1px 1px 0px white;
    background: #edf3f7 !important;
    border: 2px solid #1675BC !important;
    border-radius:  5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:  5px;}

    .codebox dt{
    border: 0;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/page_w10.png) no-repeat top right;
    height: 20px;
    position: relative;
    padding-top: 15px;
    top: -15px;}

    .codebox.hidecode dd{
    position: relative;
    z-index: 99;
    margin-top: -40px;}

    blockquote{
    text-shadow: 1px 1px 0px white;
    margin-left: 0;
    padding: 7px;
    background: #edf3f7 url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png) no-repeat 5px;
    border: 1px solid #1675BC;
    border-radius:  5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:  5px;}

    blockquote div {margin-left: 40px;}

    .resizebox{
    text-shadow: 1px 1px 0px white;
    margin-bottom: 5px;
    background: #edf3f7 url(http://i66.servimg.com/u/f66/11/96/49/61/magnif10.png) no-repeat 2px;
    border: 1px solid #1675BC;
    padding: 4px;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

    .resizebox .resize_border{border: 0;}

    #fa_ticker_block .module{
    border: 1px solid #1675BC;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius:  7px;
    margin-left: 33px;
    width: 838px;
    margin-bottom: 0;}

    .rightside a[href="/forum.htm?mode=delete_cookies"]{
    padding: 5px 7px 7px 7px;
    background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;
    color: white;
    text-shadow: 1px 1px 0px black;
    position: relative;
    left: -30px;
    top: -10px;
    border-radius: 0 0 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius: 0 0 5px 5px;}

    .rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
    background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;}

    a.button1, a.button2, button.button2, input.button1, input.button2{
    padding: 4px;
    border-radius:  5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:  5px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/button18.png) repeat-x top;}

    textarea, input, .inputbox{
    border-radius:  5px;
    -webkit-border-radius:  5px;
    -moz-border-radius:  5px;
    text-shadow: 1px 1px 0px white;
    background: #efefef;}

    .select{
    margin-left: -60px;
    margin-top: 35px;
    top: auto !important;}

    .panel{
    margin: 10px;
    border-radius:  7px;
    -webkit-border-radius:  7px;
    -moz-border-radius:  7px;
    border: 1px solid #1675bc;}

    #profile-advanced-layout, #profile-advanced-right{
    background: white;
    position: relative;
    z-index: 999;
    display: inline-block !important;}

    #page-footer{margin-top: 40px;}

    .footer-home{top: -120px !important;}

    #page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
    display: inline-block !important;}

    #site-title, #logo-desc p{display: none;}

    body{
    background-attachment: fixed !important;
    padding-left: 30px;}

    #wrap{
    margin-top: 150px;}

    #search-box{
    margin: 0;
    padding: 0;
    background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/search11.png) no-repeat top center;
    position: relative;
    left: -40px;
    top: -20px;
    width: 184px;
    height: 50px;}

    #search-box .button2{display: none;}

    #search-box #keywords{
    background: none;
    border: none;
    width: 120px;
    height: 50px;
    bottom: 2px;
    left: 30px;
    position: relative;}

    #page-header{
    min-height: 245px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/header25.png) no-repeat top center;
    width: 926px;}

    #page-header .navbar ul{
    left: 35px;
    border: 0 !important;
    position: relative;
    bottom: -97px;}

    #logo-desc{
    margin-left: 85px;
    margin-top: 16px;}

    #page-header .navbar .linklist.navlinks a{
    margin-right: 3px;
    text-shadow: 1px 1px 3px black;
    color: white !important;}

    #page-header .navbar .linklist.navlinks a:hover{
    color: #e2edf9 !important;
    text-shadow: -1px -1px 2px black;}

    .headerbar{background: none;}

    #emptyidcc{
    width: 926px;
    display: inline-block !important;
    padding: 10px 0px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/body24.png) repeat-y;}

    #container{
    position: relative;
    z-index: 1 !important;
    margin-left: 33px;
    width: 860px;}

    #page-body{
    width: 926px;
    padding-bottom: 31px;
    margin: 0 !important;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/body_e10.png) no-repeat bottom center;}

    #page-footer{
    width: 926px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/footer25.png) no-repeat top center;
    height: 55px;}

    #page-footer .navbar{background: none;}

    #page-footer .navbar ul{
    text-align: center !important;
    margin-top: 10px;}

    #page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}

    #page-footer ul.linklist li.rightside {
    text-align: center !important;
    width: 860px !important;
    display: inline-block !important;
    left: -23px !important;
    position: relative;}

    .footer-home a{color: transparent !important;}

    .icon-home{
    left: 6px;
    bottom: -6px;
    position: relative;
    padding: 15px 12px;
    font-size: 0px;}

    .icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
    color: transparent !important;}

    .footer-home{
    position: relative;
    left: -37px;
    top: -80px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/home13.png) no-repeat center;
    height: 31px !important;;
    width: 38px !important;}

    .footer-home:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/homeho12.png) no-repeat center;}

    #page-footer p.copyright strong a{
    float: left !important:
    margin-left: 30px;
    font-weight: bold;
    font-size: 14px;
    font-family: arial;
    color: white;
    text-shadow: 1px 1px 0px black;}

    .copyright{text-align: left !important;}

    .header{
    height: 35px;
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png);}

    #memberlist, .table1{
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png) no-repeat top center;
    height: 35px;}

    #memberlist{padding-top: 18px;}

    #memberlist th{margin-top: -10px;}

    .table1{padding-top: 15px;}

    .header, .header h2, .header h1, .header h3{
    font-family: Arial !important;
    font-weight: bold !important;
    font-size: 11px !important;
    text-shadow: 1px 1px 2px black;}

    table{
    border-spacing: 0px;
    border-collapse: expression('separate', cellSpacing = '0px');}

    .header dd, .header dt{
    position: relative;
    bottom: -8px;}

    .forumbg .header dt{padding-left: 5px !important;}

    dd.topics{
    font-size: 15px;
    text-shadow: 1px 1px 0px white;
    position: relative;
    left: -517px;
    top: -8px;}

    .forabg dd, .forumbg dd{border: none !important;}

    .row, ul.forums dd{border: none !important;}

    .icon{background-position: 20px 70% !important;}

    .forumbg .icon{background-position: 8px 50% !important;}

    dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/lock_t10.png) no-repeat scroll 10px 50%;"] .topics {
    color: #b52b2b;}

    dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/lock_t10.png) no-repeat scroll 10px 50%;"] {
    background-position: 15px 70% !important;}

    dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/newtop10.png) no-repeat scroll 10px 50%;"] .topics {
    color: #ffb400;
    background-position: 15px 70% !important;}

    dl[style="background:url(http://i63.servimg.com/u/f63/15/93/84/93/newtop10.png) no-repeat scroll 10px 50%;"] {
    background-position: 15px 75% !important;}

    .header dd.topics{display: none;}

    .forabg .header .posts, .forabg .header .lastpost{
    position: relative;
    right: -70px;}

    form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
    position: relative;
    left: -10px !important;}

    form[name="post"] .forabg .header dt{padding-left: 5px;}

    .forabg .row:last-child{margin-bottom: -5px;}

    .forabg .corners-bottom, .forumbg .corners-bottom{
    position: relative;
    top: -10px;
    background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/table_12.png) no-repeat bottom center;
    height: 16px;}

    .forabg, .forumbg {
    background: none;
    border: none;
    padding: 0px !important;}

    .panel{margin-bottom: 0;}

    #content{
    width: 860px;
    margin: 0 !important;}

    .h3, h3, .panel h2 {
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/h3bg10.png) no-repeat bottom left;
    border: 0 !important;
    color: #0076B1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    margin-bottom: 3px;
    margin-top: 20px;
    padding-bottom: 2px;
    text-transform: uppercase;}

    .forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}

    .pagination{margin: 0;}

    .forumbg, .right, fieldset.submit-buttons{margin: 0;}

    #picture_legend li:first-child {color: #ffb400;}

    #picture_legend li:last-child {color: #b52b2b;}

    #picture_legend li img{
    margin-right: -55px;
    margin-bottom: 25px;}

    #picture_legend li{padding-right: 40px;}

    .postprofile,.postbody{margin-left: -5px !important;}

    .postbody{
    border: 2px solid #1675BC;
    min-height: 145px;
    width: 74%;
    border-radius:  10px;
    -webkit-border-radius:  10px;
    -moz-border-radius:  10px;
    background: #E1EBF2;
    float: right;
    padding: 10px;
    position: relative;
    left: -5px;}

    .postprofile{
    margin-top: 20px;
    border-radius:  10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    background: #E1EBF2;
    border: 2px solid #1675BC;
    padding: 10px 0;}

    .post, .post.row, .post.row1, .post.row3 {padding: 0;
    background-color: transparent !important;}

    .table-title{padding-left: 10px;}

    #i_whosonline{margin: 0;
    margin-left: -64px;}

    .forabg, .forumbg{
    margin: 0;
    padding-top: 5px !important;}

    a.forumtitle:hover{text-decoration: none;}

    #hitskin_preview{display: none !important;}

    .portal .module{
    margin: 5px;
    border: 2px solid #1675BC;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkitborder-radius: 7px;
    padding: 3px;
    text-shadow: white 1px 1px 0px;}

    .portal .module .h3{
    text-align: center;
    padding: 7px;
    background: #1675BC;
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
    border-bottom-left-radius: 7px 7px;
    border-bottom-right-radius: 7px 7px;
    border: 0px;
    border-top: 0px none;
    color: white !important;
    font-weight: bold !important;
    margin: 0px 4px;
    position: relative;
    text-shadow: 1px 1px 0px black;
    top: -9px;}

    .post{
    margin-left: 5px;
    padding-right: 14px !important;}

    .online{
    z-index: 999;
    background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
    background-position: 100% 35px;
    background-repeat: no-repeat;}

    .post .corners-top{
    background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
    width: 19px;
    height: 104px;
    float: right;
    position: absolute;
    z-index: -1 !important;
    margin-top: 35px !important;
    margin-left: 836px !important;}

    .pagination{margin: 0 !important;}

    .addthis_button{display: none !important;}

    p.page-bottom:last-child {background: red !important;}


    .forabg .topiclist.topics{
    padding-top: 0 !important;
    background: none !important;}

    #wrap{background: url(http://i66.servimg.com/u/f66/11/96/49/61/copyri10.png) no-repeat bottom 90%;
    padding-bottom: 20px;}

    select{
    color: #bf0707;
    border: 1px solid #bf0707;
    border-left: 5px solid #bf0707;}

    .buttons{min-height: 50px;}

    .buttons a img{background: url(http://i66.servimg.com/u/f66/11/96/49/61/bg13.png) no-repeat center;}

    .buttons a img:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover21.png) no-repeat center;}


    #search_menu{
    -moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
    -webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
    box-shadow: 0px 0px 15px black, 0px 0px 15px black;
    border: 3px solid white;
    border-radius:  7px;
    -webkit-border-radius:  7px;
    -moz-border-radius:  7px;}

    #search_menu form{
    border: 1px solid #0372BE;
    border-radius:  7px;
    -webkit-border-radius:  7px;
    -moz-border-radius:  7px;}

    .title-overview.row2{
    border-bottom: 1px dashed white;
    background: none;}


    .panel.introduction div.mes-txt{margin-bottom: 0 !important;}

    .introduction .h3{margin-top: 4px !important;}

    input{border: 1px solid #BCBCBC;}

    a:focus{ -moz-outline-style: none;}

    textarea:focus,input:focus {outline: none;}

    ul.profile-icons {margin-top: -10px;}


    #left, #right{display: none !important;}


    #chatbox_members, #chatbox{top: 35px !important;}

    #cp-main{margin: 0;
    width: 100%;}

    #chatbox_footer .right-box.style-buttons input{
    padding: 2px;
    background-color: white !important;}

    .postprofile dl dd a img{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat top;}

    .postprofile dl dd a img:hover{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat 0 -20px;}




    #textarea_content{width: 70% !important;}
/*FIN DE L AIDE*/
.chatbox .msg span[style="color:green;"] strong {display: none!important;}
        .chatbox .msg span[style="color:red;"] strong {display: none!important;}
                     



/*DEBUT WIDGET DES NOTIFICATIONS TOOLBAR*/

/* Le Widget des notifications*/
#M14_Widget {border:2px solid red;padding:5px;background:white;}
/*-----Le titre des notifications-----*/
/*-----On centre le texte-----*/
#M14_Widget #M14_Title{text-align:center !important;}
/*-----On donne une apparance au texte-----*/
#M14_Widget #M14_Title a#fa_notifications
{
color:green !important;
cursor:pointer;
}
/*-----On donne une apparence au nombre de notifications-----*/
#M14_Widget #M14_Title a#fa_notifications #notif_unread
{
margin-left:5px;
color:red !important;
cursor:pointer;
}
/*-----Le bloc recevant les notifications-----*/
#M14_Widget #notif_list {margin-left:5px;list-style-type: none !important; padding: 2px 5px 2px 1px !important;}
/*-----La fermeture des notifications-----*/
#M14_Widget #notif_list a.delete
{
background: url("http://www.illiweb.com/fa/i/toolbar/toolbar.png") no-repeat scroll -274px 50% transparent;
width: 22px;
height: 2.4em;
margin: -40px 5px 0px 140px;
position: absolute;
}
/*-----Voir toutes les notifications-----*/
#M14_Widget #notif_list .see_all
{
text-align:center !important;
margin-top:10px;
}
/*-----On donne une apparance au texte-----*/
#M14_Widget #notif_list .see_all a
{
color:red !important;
cursor:pointer;
}
/*FIN WIDGET DES NOTIFICATIONS TOOLBAR*/



J'ai supprimer le float pour attribuer une position absolute sur l id "smiley-box"
et une hauteur définie sur le bloc contenant le module de rédaction et des smileys Wink

Code:

#smiley-box
{
    float:none !important;
    left: 65% !important;
    margin-top: 10px;
    position: absolute;
    width: 25%;
height: 300px !important;
}

#postingbox.panel
{
height: 490px !important;
}


Penses à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4577
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'emplacement de la zone de saisie

Message par brokeNmad le Jeu 18 Déc 2014 - 10:23

Merci Milouze14 pour ta réponse... cela résout le problème. Smile

J'ai cependant apporté une légère modification dans la partie de code de la smiley-box car elle se faisait piétiner par le postingbox :
Code:
left: 70% !important;

Merci pour ton aide et d'avoir résolu ce problème.

Bonnes fêtes à vous tous ! Noel

brokeNmad
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 11/12/2014

http://etatlimite.bbactif.com/
brokeNmad 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