[Résolu] Ajouter une fonction sur un script d'apercu d'images

Bonjour ,

J'ai récupéré et adapté un script qui permet de prévisualiser des images dans une bulle.

Vous aurez un aperçu en passant votre souris sur les 2 premières miniatures des jeux gratuits présentés ici: http://www.voilou.fr/fiche-presentation-jeux.php?jeu=Toilokdo

Le fichier javascript se trouve ici: http://www.voilou.fr/javascript/screenshotJeux.js

J'ai modifié le code afin d'ajouter un texte descriptif sous l'image.

Le problème est que le texte bave sur la largeur. Si vous regardez, l'image 1 est correcte, par contre sur la seconde, dès que le texte est plus long, cela déborde...

Comment puis je remédier à cela?

var PreviewWindow = Class.create({
  initialize: function() {
    this.windowElement = new Element('div', {id:'tplPreview', style:'display:none; position:absolute;'});
    this.titleElement = new Element('h2', {id:'tplPreviewTitle'});
    this.imageElement = new Element('img', {id:'tplPreviewImage'});
    this.progressBarElement = new Element('div', {id:'tplPreviewProgressBar', style:'display:none;'});
    this.texteElement = new Element('p', {id:'tplPreviewText'});

    this.windowElement.insert(
      this.titleElement
    ).insert(
      new Element('div', {id:'tplPreviewBody'}).insert(
        this.imageElement
      ).insert(
        this.texteElement
      ).insert(
        this.progressBarElement.update('Chargement de l\'apercu...')
      )
    );

document.body.appendChild(this.windowElement); 
},

merci pour votre aide

EDIT: J'ai règlé le probleme en css.. merci tout de meme!
Modifié par joboy (12 Jun 2009 - 00:02)