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

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

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

Message par Gandalf1990 le Mer 23 Jan 2013 - 14:29

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 Smile
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


Dernière édition par Gandalf1990 le Jeu 24 Jan 2013 - 22:19, édité 1 fois

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Scipion le Mer 23 Jan 2013 - 15:58

Bonsoir !

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

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Gandalf1990 le Mer 23 Jan 2013 - 19:45

<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://i12.servimg.com/u/f12/16/52/22/34/sans_t23.png" onClick="document.getElementById('objet').style.display=(this.src=='https://i12.servimg.com/u/f12/16/52/22/34/sans_t23.png')?'block':'none';this.src=(this.src=='https://i12.servimg.com/u/f12/16/52/22/34/sans_t23.png')?'https://i12.servimg.com/u/f12/16/52/22/34/sans_t24.png':'https://i12.servimg.com/u/f12/16/52/22/34/sans_t23.png';"/></td></tr></table>

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Scipion le Mer 23 Jan 2013 - 23:41

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Gandalf1990 le Jeu 24 Jan 2013 - 9:22

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 ...

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Scipion le Jeu 24 Jan 2013 - 10:43

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Gandalf1990 le Jeu 24 Jan 2013 - 17:26

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

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

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Scipion le Jeu 24 Jan 2013 - 17:40

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Gandalf1990 le Jeu 24 Jan 2013 - 21:10

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://i12.servimg.com/u/f12/16/52/22/34/bck3es10.jpg);
background-repeat: repeat-y;
background-color: #4a2918;
background-position: top center;


}
attente {
cursor: url('http://www.patmax.eu/C2/130104194556.cur'), auto;
}

a:hover {
cursor: url('http://www.patmax.eu/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;}

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Scipion le Jeu 24 Jan 2013 - 22:02

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon chatbox latérale passe sous le corp de mon forum

Message par Gandalf1990 le Jeu 24 Jan 2013 - 22:18

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

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

Génial !

Résolu

Gandalf1990
Nouveau membre

Messages : 6
Inscrit(e) le : 23/01/2013

http://la-comm-de-lanneau.superforum.fr/
Gandalf1990 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