Problème code - Texte sur une image réactive

[Sarius]

Bonsoir,
Voilà je présente mon problème :
J'ai réussit à faire une image réactive comportant plusieurs liens, j'ai mit ces liens à l'aide des coordonnée de leur empalcement sur l'image. Mais au centre de cette image je veux rajouter un texte munit d'une barre de défilement, mais j'ai tenter tout ce que je connaissais et rien à faire.
C'est pour cela que je demande votre aide, merci de l'attention que vous porterez à mon problème .

Image :

Spoiler:

Je souhaites ajouter mon texte dans le cadre noir sous l'intitulé "L'Univers".

[tupac]

Bonjour

J'ai placé votre img réactive dans un tableau, sous cette img réactive j'y est placé la barre de défilement puis en plaçant un position: absolute dans le css de la barre de défilement et en jouant avec les margin-top et margin-left j'ai pu positionné cette barre sur votre image réactive.

Donc placer le code suivant dans votre page d'accueil.

Spoiler:

Puis le css dans votre feuille de style.

Code:

/* barre de défilement */
.defilement {
      background-color:#444;        /* fond */
      border:1px solid #cecece;      /* cadre */
      text-align: left;            /* place le texte a gauche */
      color:#fff;                  /* couleur texte */
      width: 440px;                      /* largeur */
      height: 270px;                  /* hauteur */
      margin-top: -347px;          /* marge haut */
      margin-left: 180px;            /* marge gauche */
      position: absolute;        /* ne pas toucher */
      overflow: auto;
      padding: 10px;
}

Si vous souhaitez placer la barre de défilement a gauche du texte remplacer ceci.

Code:

<div class="defilement"> Le texte </div>

Par ça.

Code:

<div class="defilement" dir="rtl"> Le texte </div>

[Sarius]

Merci, beaucoup je vais tester ça.

Édit : Merci beaucoup tupac, sa marche parfaitement.

[tupac]

Génial
Pouvez-vous éditer votre premier message et coché résolu svp.

Bonne journée.