Impossible d'afficher texte sur image

Signaler
Messages postés
3133
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
20 octobre 2020
-
Bonjour,
J’essaie désespérément d'afficher un texte par dessus une image. Sur Dream, en mode création correct mais dès que je fais F12 pour visualiser dans le navigateur localement ça ne s'affiche pas non plus. Sur l'image ci dessous, 1 l'image, 2 le div pour le texte, 3 le div contenant l'image + le texte.


Ci-dessous le code:
<div style="margin-left:auto; margin-right:auto; width:600px; height:350px;"><!-- Correspond a la taille des images -->
  <div id="slideShowImages">
    <img src="/slideshow/Personnages/Scene_Costa-Rica.jpg" alt="Scene costa-ricienne" /><!-- Le ALT n'est pas obligatoire -->
<div id="layer1" style="position: absolute; width: 450px; height: 20px; z-index: 10; left: 522px; top: 463px; text-align: center; color: #ffffff; visibility: visible;">activité portuaire</div><!-- Cette DIV n'est pas visible malgré le z-index élevé -->

J'ai tenté plusieurs choses, sans résultat. J'ai aussi regardé sur le net mais ce sont des usines à gaz.
Quelqu'un aurait-il une idée ? soit dans ce code soit sur la manière de si prendre.
Note: si je supprime le slash (/)devant l'url de l'image ça fonctionne en mode web sur Dream mais je laisse et j'obtiens le contenu du "alt" dans ce mode.
Ça fonctionne sur le site avec le / (url relative non ?). C'est comme ça que je fais d'habitude. Regardez aussi sur le site de test
Merci d'avance.


Le bonheur est la seule chose que l'on peut donner sans l'avoir.