Texte et Image

Fermé
Anonymous - 26 janv. 2010 à 22:33
 @DhejavuGaraz - 12 sept. 2011 à 10:28
Bonjour,

Je developpe un site en php mysql et je suis face a un probleme et je sollicite votre aide

Je cherche a afficher un texte sur une image...smple au demeurant
L'image n'est pas en background car elle est composé d'une superposition de plusieurs images qui varient suivant certains criteres
J'ai besoin d'afficher sur cette image recomposée, en 3 endroits, un texte different qui varie suivant certains criteres lui aussi.

Tout ce que j'ai pu essayer ou trouver sur le net, s'est révélé inefficasse. Le texte s'affiche sous l'image pas dessus

Merci d'avance pour votre aide... j'ai vraiment plus d'idées:o)

un bout du code css:
#Dessin{
position:absolute;
}

#TextP1{
position: relative;
left: 25px;
top: 250px;
}
code HTML

<div id="Dessin">
<?php
for ($numero = 0; $numero < 7; $numero++)
{
$image = '../images/a'.($numero+1).'.png';
$style_image = 'position:absolute;z-index:'.($numero+1);
echo "<img src= $image style=$style_image />";
}

?>

<div id="TextP1">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>ICI debut du Text P1</td>
</tr>
</table>
</div>
</div>

7 réponses

ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
26 janv. 2010 à 22:37
Essaie d'enlever la position absolute de Dessin .
0
Sans etre convaincu, j'ai testé juste pour voir...mais ca ne marche pas :o)
0
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
26 janv. 2010 à 23:21
Et bien dans ce cas renseigne toi sur les z-index: chiffres ; en css qui permettent de positionner la profondeur ... l'axe Z quoi ^^ .
0
Bon...je veux pas m'emballé mais ca semble marché...:o))

Je vais tester un peu plus loin pour savoir si ca repond a mes besoins....mais il semble que je te dois une bierre "ifisch" :o))
Merci
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ifisch Messages postés 188 Date d'inscription mardi 26 février 2008 Statut Membre Dernière intervention 21 octobre 2015 17
27 janv. 2010 à 12:45
Avec plaisir :D
0
alors...j'ai bien testé en long et large....ca marche sauf que....(et oui sinon trop facile)...sous IE et sous FF le resultat est different, je m'explique :

la page qui cree l'image composée est un fichier PHP
ce fichier PHP est appele pas la fenetre principale dans une DIV
Le fond de la fenetre principale est une image repetée de 600*1 pixels

l'appel se fait comme suit:
document.getElementById(div).innerHTML = '<iframe src="' + url + '" width="586" height="500" frameborder="0"></iframe>';

Sous FF je vois le background de la fenetre principale avec mes images superposées dessus meme si j'ai un fond blanc au chargement de la page (que je souhaite egalement supprimer..si vous avez des idees n'hesitez pas)
sous IE je vois un fond blanc pour la Div, le reste du backgroud autour et mes images superposées dessus...donc nettement moins classe

Donc si vous savez comment rendre le backgroung d'une page transparant, je suis preneur et vous recevrez en retour mon inestimable reconnaissance (je sais c'est bien peu :o)))

J'ai essaye de mettre une image de fond dans la body de la page appelée, malgres le cadre blanc au chagement, ca marche mais c'est peu elegant

Merci d'avance
0
@DhejavuGaraz
12 sept. 2011 à 10:28
http://www.commentcamarche.net/forum/affich-16324977-texte-et-image#newanswer
0