Affichage du chatbox dans le portail

Jul

2011

Bonjour, voila tout est presque dans le titre, j'ai mis le chatbox dans le portail, tout va bien quand je n'y suis pas connecté.

La preuve:

Mais une fois connecté, tout se chevauche on dirait:

De ce fait les liens actualiser, sans-archive, déconnection, etc ne fonctionnent plus excepté l'écriture du texte et le bouton d'envois et les boutons du dessous.

Voici le contenu de mon css (partie chatbox):

/* Chatbox-------------------------------------------------*/
body.chatbox {
background-image: none;
}
.chatbox {
background-color: #;
}
#chatbox_header {
height: 30px;
background-color: #;
}
.chatbox .forabg {
margin: 0;
border: none;
padding: 0;
margin: 0;
background-color: #;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #ffffff !important;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #ffffff;
}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #;
color : #fffc9e;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
list-style: none;
margin: 0 0 0 1em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1 {
padding: 4px;
background-color: #;
}
.chatbox_row_2 {
padding: 4px;
background-color: #;
}
.chatbox_row_3 {
padding: 4px;
background-color: #;
}
.memberlist_row_1 {
background-color: #;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #ffffff;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #;
}
#chatbox_contextmenu p.close {
background: #ddd;
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #fffc9e;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#000000;
float:left;
margin-right:10px;
padding:1px;
}
#chatbox .user {
font-weight: bold;
}
* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}

Une idée ? Une solution ? Merci bien et par avance pour vos réponses.

Répondre

1 Scipion, le 07/07/2011 à 01h08

Bonsoir

Une petite idée, certainement, mais sans prétendre qu'elle sera la solution finale à votre problème. Je m'explique : tout en étant connecté à votre chatbox, supprimez tout le contenu de vos codes CSS personnalisés, ensuite vous les réinstallez progressivement, l'un après l'autre, à l'effet de déterminer le ou les codes incriminés.

Cordialement

2 evil-ash, le 07/07/2011 à 05h36

Merci mais je n'ai que un code CSS personnalisé et le supprimé n'a rien changé.

3 Lydie1, le 07/07/2011 à 07h49

Bonjour,

J'ai pour ma part installé votre CSS sur mon forum de test et n'ait constaté aucun chevauchement.

Est-ce que celui-ci est constaté par vous seulement ou bien par l'ensemble de vos membres ?

Quel navigateur utilisez-vous ? Avez-vous essayé, à toutes fins utiles, de vide le cache internet et de supprimer les cookies ?

Cordialement

4 evil-ash, le 07/07/2011 à 15h19

Bonjour, pour mes membres je ne sais pas, je n'en ai pas encore beaucoup et la mise en place du chatbox sur le portail est récente.

Pour ce qui est du navigateur, j'utilise IE et également Firefox, suivant vos conseil j'ai vidé cache et supprimé cookies sur les deux mais ça n'a malheureusement rien changé.

Edit: Problème résolu: J'ai modifié cette partie:

#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 30px;
overflow: auto;
line-height: 10px;
}

Pour le top et le bottom, au lieu de 30 j'ai mis 50 et ça a réglé le problème.

Merci quand même d'avoir essayé et félicitation pour vos services.

Sujets similaires

Tous les sujets

Sujets sans réponse

Sujets populaires

soucis d'affichage d'images dans la colonne central du portail

Bonjour, voilà plusieurs jours que je cherche sans trouver????????????? j'aimerais afficher des images dans la colonne central du portail, je n'y arrive pas???? est ce que je ne vais pas au bonne endroit? est ce que c'est une mauvaise configuration d

Chatbox latéral sur le portail

Bonjour, J'aimerais mettre une chatbox en bas à gauche de mon portail d'accueil: http://glassnokamen.forumpro.fr/portal.htm J'ai tenté en utilisant le widget chatbox mais elle apparait coupée sur la droite et on ne peut modifier la taille ni la

chatbox uniquement sur le portail

Bonjour à tous, Je viens de faire un portail avec une chatbox, mais je ne voudrais pas que soit afficher sur le forum Il y a actuellement 1 utilisateur(s) sur la ChatBox : Bonhomme [ Rejoindre le Chat ] Je suppose donc qu'il faut éditer les

Réponses 1 à 4 sur 4 pour "Affichage du chatbox dans le portail"

Répondre

Rechercher

À voir aussi

Informations

4 Réponses pour le sujet :
"Affichage du chatbox dans le portail"

Ce sujet a été vu 806 fois.

Dernier message écrit :
06/07/2011 à 19h03 par "evil-ash"

Ils ont besoin de vous