Image de fond de chatbox

[Oz-Chan]

Bonsoir,
je viens vous demander une petite aide concernant ma chatbox. J'aimerais avoir la possiblité d'y mettre un fond pour qu'elle soit moins écrasante mais je ne trouve pas comment faire...
Voici le code dont je dispose. :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;"><tr><td><iframe src="    /chatbox/index.forum?page=front;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://img811.imageshack.us/img811/1567/chatboxopenb.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img811.imageshack.us/img811/1567/chatboxopenb.png')?'block':'none';this.src=(this.src=='http://img811.imageshack.us/img811/1567/chatboxopenb.png')?'http://img444.imageshack.us/img444/1227/chatboxclose.png':'http://img811.imageshack.us/img811/1567/chatboxopenb.png';"/></td></tr></table>

Et l'image de fond que j'aimerai installée : https://2img.net/r/ihimizer/img534/6720/kyukyu.png
Je vous remercie d'avance pour votre aide ! Et je vous souhaite une bonne soirée. =D

[Invité]

Il faut avoir une image de background aussi grande que la chatbox! Sinon on verrat une image toute seule!

[Oz-Chan]

Bonsoir,
Merci de votre aide ! Ce n'est pas possible d'avoir une répétition?
Sinonm voici la même taille. https://2img.net/r/ihimizer/img560/377/tailley.png

[Invité]

Je ne pense pas sur mon forum test l'image n'est apparu qu'une seul fois...

[Oz-Chan]

Alors j'ai donné l'image en entier à la fin. ^^ Ce n'est pas grave tant qu'elle remplis tout =)

[Oz-Chan]

UP

[tupac]

Bonsoir

Placer le code suivant dans votre feuille de style CSS.

Code:

body.chatbox {
  background: url(' votre image ici ');
}

[Oz-Chan]

Bonsoir,
Merci de votre aide !
J'ai bien essayé de mettre votre code dans le CSS mais il ne marche pas... Voici mon CSS concernant ma chat box

Code:

/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

# body.chatbox {
    background-repeat: no-repeat;
  background-image: url(http://img560.imageshack.us/img560/377/tailley.png);
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #3c2f30;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}

Encore merci de votre précieuse aide !

[tupac]

Vous avez modifié le code que je vous est donné,vous avez rajouté un signe devant BODY , supprimez-le.

[Oz-Chan]

J'ai supprimé le # devant body et ça donne ça :

Code:

body.chatbox {
    background-repeat: no-repeat;
  background: url(http://img560.imageshack.us/img560/377/tailley.png);
    background-position: right bottom;
    display: block;
}

Mais ça ne marche toujours pas.. ><

[tupac]

Quel est la version de votre forum svp ?

[Automne]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[tupac]

Bjr

L'image s'affiche très bien chez moi.
Le background-repeat: no-repeat; et background-position: right bottom; ne sert à rien puisque votre image est de la même taille que la chatbox.

Code:

body.chatbox {
    background: url(http://img560.imageshack.us/img560/377/tailley.png);
}

[Oz-Chan]

Bonsoir,
Cette fois-ci c'est bon ! Merci beaucoup. =D
résolu !