Problème avec l'emplacement de la zone de saisie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec l'emplacement de la zone de saisie
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
Re: Problème avec l'emplacement de la zone de saisie
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 ?
Vous serait-il possible de le déplacer svp ?
Re: Problème avec l'emplacement de la zone de saisie
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.
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.
Re: Problème avec l'emplacement de la zone de saisie
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.
Voilà, teste et dis-moi quoi si tu veux bien !
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 !
Re: Problème avec l'emplacement de la zone de saisie
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
Mais du coup, je n'ai plus les smiley... ce qui est gênant. ^^
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%;}
- Code:
#smiley-box {
display:none;!important;}
Mais du coup, je n'ai plus les smiley... ce qui est gênant. ^^
Re: Problème avec l'emplacement de la zone de saisie
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.
Merci d'avance pour vos réponses.
:Noel:
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.
Merci d'avance pour vos réponses.
:Noel:
Re: Problème avec l'emplacement de la zone de saisie
Bonsoir,
Up et merci par avance de votre réponse. ^^
Up et merci par avance de votre réponse. ^^
Re: Problème avec l'emplacement de la zone de saisie
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
See you soon //
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
See you soon //
Re: Problème avec l'emplacement de la zone de saisie
Coucou mon fichier CSS est dans mon premier message.
Re: Problème avec l'emplacement de la zone de saisie
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:
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
a++
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
- Code:
#smiley-box
{
float:none !important;
left: 65% !important;
margin-top: 10px;
position: absolute;
width: 25%;
height: 300px !important;
}
#postingbox.panel
{
height: 490px !important;
}
a++
Invité- Invité
Re: Problème avec l'emplacement de la zone de saisie
Merci Milouze14 pour ta réponse... cela résout le problème.
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 :
Merci pour ton aide et d'avoir résolu ce problème.
Bonnes fêtes à vous tous ! :Noel:
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:
Sujets similaires
» Problème zone de saisie de message
» Problème couleur zone de saisie
» Problème couleur écriture zone de saisie
» Zone de saisie - CSS
» Grosse bande de couleur dans le module réponse rapide (entre la zone de saisie et la zone des permissions du forum)
» Problème couleur zone de saisie
» Problème couleur écriture zone de saisie
» Zone de saisie - CSS
» Grosse bande de couleur dans le module réponse rapide (entre la zone de saisie et la zone des permissions du forum)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum