Bonjour,

Je me permet d'ouvrir un nouveau sujet car après avoir utilisé la fonction "rechercher" je n'ai pas trouver de réponse à mon problème.

J'aurais besoin de votre aide pour 2 choses, l'une concerne la chatbox latérale installé sur mon forum et la seconde concerne une astuce que je n'arrive pas à me rappeler mais que j'ai déjà utiliser sur un de mes anciens forums (supprimé, donc je ne peux récupérer le code)

Tout d'abord voici le lien de mon forum

Voici sous forme d'énumération mes 2 soucis :

1/ Seriez-vous me dire comment il est possible dans un sous forum de mettre une image et à côté le texte ? Pour plus de précision j'ai fais un petit schéma sur paint : ici (qui n'est pas très beau, je l'avoue...)

Le fond du sous forum (représenté par un grand rectangle arrondis de couleur gris clair) a était installé avec des modifications au CSS afin que chaque sous forum a la même chose. Mais j'aimerais en plus de ce fond, ajouté une image à gauche (image différente selon le sous forum) et le texte à droite.

Voici la partie CSS que j'utilise pour le fond du sous forum. Je ne sais pas si c'est utilise mais bon...


Et je place une div dans le sous forum désiré :


Si mes souvenir son bon, l'astuce qui permet de mettre une image à gauche (ou droite) d'un texte n'a rien à voir avec le css vu qu'on peut changer l'image selon le sous forum...

Quelqu'un peut-il m'aider ?


2/ J'ai un soucis avec la box latérale installé sur mon forum. J'ai utilisé le tuto de "Kaktus" mais la chatbox latérale reste tout en bas de mon forum. J'aurais aimé la mettre au niveau de ma PA, mais même si je modifie le code CSS, ça change rien.

Voici la partie CSS de ma box :



Voici le javascript utilisé sur mon forum :



Je précise qu'en ce qui concerne la chatbox, je n'ai pas de soucis pour l'ouvrir/fermer, ni pour me connecté, ni pour posté un message. Le seul soucis que j'ai, c'est qu'elle reste fixé en bas du forum et que j'aimerais l'avoir au niveau de la PA.

Quelqu'un peut-il m'aider ?

Merci d'avance !!!

1/ Tu ajoutes une image normalement et tu lui donnes une classe. Tu mets également le texte dans un <span>.

Code:

<div class="fondsousforum">
  <img class="imgdesc" src="URL_IMAGE" alt="" />
  <span>texte texte</span>
</div>

Et en CSS, tu appliques la propriété float :

Code:

.imgdesc {
  float: left; /* l'image flotte à gauche du texte */
  margin: 5px; /* espace de 5px autour de l'image */
}
/* ce qui suit permet de faire en sorte que la div "fondsousforum" s'adapte aussi en fonction de l'image */
.imgdesc + span:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

2/ Dans ton CSS, tu dois mettre ces deux choses en commentaire (ajoute des / au début et à la fin) :

Code:

********* CODE CHATBOX LATERAL *********
********* FIN CODE CHATBOX LATERAL **********

Code:

/********* CODE CHATBOX LATERAL *********/
/********* FIN CODE CHATBOX LATERAL **********/

Actuellement, cette erreur invalide le CSS concerné.

Oooooooh c'était ça pour la Chatbox ? XD J'avais pas pensé à ce petit détail ! hihih
J'ai modifier mon CSS est c'est nickel, merci beaucoup !!!

Pour le code de l'image, c'est exactement ça, je me rappeler bien du code à ajouté dans la div mais je ne savais plus pour le CSS. En tout cas c'est parfait !

Merci beaucoup Doare, c'est très gentil de m'avoir aider ! Merci infiniment !

Bisous !


Problème résolu grâce à Doare. Merci !

Hello !
Si c'est résolu, je déplace (:
Merci de l'avoir signalé