Mon chatbox latérale passe sous le corp de mon forum

[Gandalf1990]

Après avoir cherché sur les sujets déjà ouvert, je n'ai pas pus trouver ma réponse ... j'ouvre donc un nouveau sujet
Ma chat box latéral marche parfaitement, mais elle passe sous le "corps" central de mon forum quand je descend la page ...

Problème : ma chat box latéral passe sous le corps de mon forum quand je descend (cf image

Ce que je souhaite : Chat box toujours au dessus du corp de mon forum

Etant un débutant du codage, je vous remercie d'avance de votre aide.

Je ne sais pas de kwa vous avez besoin pour m'aider vu que sinon elle fonctionne très bien ...

Cordialement

Fichiers joints

problème de chatbox.png Voilà mon problème en imageVous n'avez pas la permission de télécharger les fichiers joints.(1.4 Mo) Téléchargé 3 fois

[Scipion]

Bonsoir !

Serait-il possible de disposer du code de votre chatbox latérale afin d'effectuer un test

Cordialement

[Gandalf1990]

<table style="position:fixed; bottom: 50px; left: 0px;z-index:10000;-moz-border-radius: 8px; border-radius:20px; -webkit-border-radius:8px;"><tr><td>

<iframe src="/chatbox/chatbox.forum?" id="objet" scrolling="no" style="width: 600px; height: 380px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe>

</td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f12/16/52/22/34/sans_t23.png" onClick="document.getElementById('objet').style.display=(this.src=='https://i.servimg.com/u/f12/16/52/22/34/sans_t23.png')?'block':'none';this.src=(this.src=='https://i.servimg.com/u/f12/16/52/22/34/sans_t23.png')?'https://i.servimg.com/u/f12/16/52/22/34/sans_t24.png':'https://i.servimg.com/u/f12/16/52/22/34/sans_t23.png';"/></td></tr></table>

[Scipion]

Bonsoir !

A priori, le code de votre Chatbox semble fonctionner correctement. Essayez de faire un rafraîchissement général du système, ça peut toujours aider :

1 - Supprimez les cookies du forum

2 - Videz le cache internet de votre navigateur en suivant les instructions de ce tutoriel FA : Vider le cache Internet

Cordialement

[Gandalf1990]

Cela n'a rien changé. Je rajoute qu'il se passe la même chose sur un autre compte utilisé sur un autre ordinateur d'une autre connections internet ...

[Scipion]

Bonjour !

Je vous donne un code de Chatbox, avec des images de base (Fermer, Ouvrir), que je vous demande d'installer en lieu et place de votre code. L'objectif de ce test est de vérifier si éventuellement l'image unique (Fermer, Ouvrir) contenue dans votre code Chatbox ne serait pas à l'origine du problème que vous rencontrez :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front" id="chatboxpop" scrolling="no" style="width: 600px; height: 380px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Cordialement

[Gandalf1990]

Cela fait la meme chose ... le chatbox passe toujours en dessous

https://i.servimg.com/u/f15/18/07/17/65/fond10.jpg

[Scipion]

Merci pour votre réponse. Cela veut dire que le problème n'est pas dû au code de la Chatbox.

Pouvez-vous m'indiquer les précisions suivantes :

- où avez-vous installé le code Chatbox ?
- quelles sont les dernières modifications faites sur le forum, par exemple dans les templates ou CSS ?

Cordialement

[Gandalf1990]

code chat box comme indiqué sur ce forum => affichage => généralité => message sur la page d'accueil

ma feuille CSS a été modifier oui au fil des amélioration de mon forum : Voici la feuille de style CSS complète :

@charset "UTF-8";
.iframeTooltip
{
position: relative;
z-index: 999;
filter:alpha(opacity:0.1);
overflow: hidden;
position: fixed;
visibility: visible;
left: -40;
top: 10;
right: 10;
bottom:10;
}





.tooltipContent
{
background-color: #FFFFCC;
overflow: hidden;
position: fixed;
visibility: visible;
z-index: 10;
left: auto;
top: auto;
right: auto;
bottom: auto;
}




a.info{
position:relative;
z-index:5;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:5;
background-color:#FFF
}

a.info span{
display: none

}

a.info:hover span{
display:block;
position:absolute;
top:-3em; left:-30em; width:90em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:12;
padding:5px;
font-family:Tolkien;
font-size:15px;
}


.iframeTooltip
{
position: fixed;
z-index: 1;
display : block;
}

.tooltipContent
{
background-color: #FFFFCC;
position: fixed;
display : block;
}



.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
}


.AccordionPanel {
margin: 0px;
padding: 0px;
}


.AccordionPanelTab {
background-color: 30170e;
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color: #a16c38;
font-family:Arial, Helvetica, sans-serif
}

.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
font-family:Tolkien;
font-size:17px;
}


.AccordionPanelOpen .AccordionPanelTab {
background-color: #30170e;
}

.AccordionPanelTabHover {
color: #4a2918;
}
.AccordionPanelOpen .AccordionPanelTabHover {
color: #4a2918;
}

.AccordionFocused .AccordionPanelTab {
background-color: #bdae9d;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #4a2918;
}

@media print {

.Accordion {
overflow: visible !important;
}

.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
}
}


.ecrituret {
font-family:vivaldi;
font-size:22px;
}


body
{
background-image:url(https://i.servimg.com/u/f12/16/52/22/34/bck3es10.jpg);
background-repeat: repeat-y;
background-color: #4a2918;
background-position: top center;


}
attente {
cursor: url('https://patmax.error/C2/130104194556.cur'), auto;
}

a:hover {
cursor: url('https://patmax.error/C2/130104194556.cur'), auto;
}

a
{
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
font-family: "TOLKY";
}

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

.mainmenu
{
padding: 3px;
background-color: #492817;
-moz-border-radius: 4px;
border: 1px solid #98856f;
color: #c5b6a3;
}

a.mainmenu
{
color: #c5b6a3;
font-variant: small-caps;
font-weight: bold;
}

#page-body
{
margin-top:-300px;
}

.forumline
{
background-color: #735a4c;
background-image: url(http://host.image.files.free.fr/host/4b39449944ff4fond-table.jpg);
background-repeat: repeat-x;
-moz-border-radius: 16px 16px 14px 14px ;
border-bottom: 8px #735a4c solid;
border-top: 8px #311610 solid;
border-right: 2px #311610 dotted;
border-left: 2px #311610 dotted;
margin-bottom: 6px;
font-family: "Pistina";
}

td.row2, td.row3
{
-moz-border-radius: 14px;
}

.cattitle
{
display: block;
text-align: center;
letter-spacing: 5px;
font-variant: small-caps;
}

a.forumlink
{
display: block;
background-color: #dbd2c8;
-moz-border-radius: 4px;
border: 1px dotted #a09278;
padding: 2px 2px 2px 20px;
}

a.forumlink:hover
{
display: block;
color: #57331b;
font-weight: bold;
background-color: #b8a794;
-moz-border-radius: 4px;
border: 1px dotted #a09278;
padding: 2px 2px 2px 20px;
}

.topictitle
{
display: block;
padding-left: 10px;
}

.postbody
{
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

.quote
{
font-size: 11px;
color: #31150f;
background-color: #9b8579;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #492917;
border-top: 6px solid #492917;
border-right: 1px dotted #492917;
border-bottom: 3px solid #492917;
}

.illu
{
float: right;
margin: 4px;
border: 1px dotted #482818;
}

.description
{
float: right;
text-align: justify;
font-size: 11px;
}

.cate
{
font-size: 11px;
text-align: justify;
margin-top: 0px;
margin-bottom: -10px;
}



#page_site
{
width: 950px;
min-height: 500px;
background-color: #9b8579;
-moz-border-radius: 16px 16px 14px 14px ;
border-bottom: 8px #735a4c solid;
border-top: 8px #311610 solid;
border-right: 2px #311610 dotted;
border-left: 2px #311610 dotted;
margin-bottom: 6px;
margin-top: 50px;
}

#navig
{
margin: auto;
margin-top: 5px;
}
.navig_site
{
font-size: 11px;
color: #9b8579;
background-color: #311610;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #311610;
border-top: 6px solid #311610;
border-right: 1px dotted #311610;
border-bottom: 3px solid #311610;
}

#content_site
{
width: 700px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
color: #311610;
font-size: 11px;
margin-top: 50px;
}

#content_site a
{
color: #311610;
font-variant: small-caps;
font-weight: bold;
}

#content_site a:hover
{
color: #ae450c;
font-variant: small-caps;
font-weight: bold;
}

.parag
{
width: 800px;
margin: auto;
background-color: #dbd2c8;
-moz-border-radius: 4px;
border: 1px dotted #a09278;
padding: 4px;
}

legend
{
font-size: 20px;
font-family: TOLKY;
font-weight: bold;
letter-spacing: 2px;
}

fieldset
{
border: 1px dotted #311610;
background-color: #ac9a90;
width: 800px;
margin: auto;
}

#nolink
{
float: right;
background-color: #311610;
margin-top: 200px;
}

.navig {
position: fixed;
top: 5px;
width: 1600px;
margin-left: auto;
margin-right: auto;
}


.forumline {
-moz-opacity:0.92;
opacity: 0.92;
filter:alpha(opacity0.92);

}




#chatbox_option_with_archives
{
display:none;
}


body.chatbox {
background: url('http://www.kilianklasen.com/wp-content/uploads/2012/06/Le-Seigneur-Des-Anneaux-La-Communaute-De-L-Anneau_223_4ea5c52034f8633bdc0002b3_1320383135.jpg') no-repeat fixed;
}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3,.chatbox_row_4 {
background: none;
}


#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "La Taverne d'Arnor est ouverte"; }



#chatbox_members ul li,
#chatbox_members ul li a {
color: #000000;
}

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a {
color: #000000;
}

body.chatbox #message { width: 240px; }

.chatbox_row_2 {
font-family: Arial;}

.chatbox_row_3 {
font-family: Arial;}

[Scipion]

C'est le code CSS relatif à l'opacité qui est à l'origine du problème que vous rencontrez :

Code:

.forumline {
-moz-opacity:0.92;
opacity: 0.92;
filter:alpha(opacity0.92);
}

En conséquence, je vous recommande de le supprimer afin que l'affichage de votre Chatbox retrouve sa position normale.

Cordialement

[Gandalf1990]

yié merci beaucoup !!!! c'est niquel merci beaucoup !
cela marche parfaitement.

Dommage pour l’opacité ... c'été pas mal :p

Génial !

Résolu