Superposition de 2 images.

Bonjour,

J'ai lu quelques articles sur ce site pour superposer des Div et des images.
J'ai testé quelques codes, ça fonctionne sur FireFox mais pas sur IE.

Voici ce que je souhaiterais faire :

<table cellpadding="0" cellspacing="0">
<tr><td style="height:<? echo $hauteur; ?>px; width:<? echo $largeur; ?>px;"><div style="position:absolute; background-image:url(Images/Tampon-ambitieuse.png); height:100px; width:100px;"></div><? echo $image; ?></td><td valign="top"><div style="float:right;"><?
echo '<p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:justify;">';
?>

<?
echo '<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size:14px; color:#039ee1;">'.$colonne .'</font><br />';
if(strlen($colonne )>200)
{
$texte=substr($colonne ,0,200)."... <a href='index2.php?page=dossiermois&id=".$colonne ."'>Lire la suite</a>";
}else{
$texte=$colonne ;
}
echo $texte;
?></p></div></td></tr>
</table>

Désolé, le code n'est pas propre... Ne m'engueulez pas tout de suite

Voici le rendu sur IE :

Et maintenant sur FireFox :


Par avance merci.
Modifié par ChrisFX (13 Apr 2009 - 16:42)

A mon avis ça marche dans les deux navigateurs mais avons nous les infos

pour moi il manque l' image, seul le logo est présent, du coup ton

<td style="height:<? echo $hauteur; ?>px; width:<? echo $largeur; ?>px;">

se trouve a

<td style="height:px; width:px;">

moi je serais a ta place, je chercherais par là

Hello !

Les variables PHP contiennent les bonnes valeurs height et width, la piste de solution était bonne mais malheureusement c'est pas ça

Snif snif

A + ^^

Heu .......... tu es sur de toi .............

<tr><td width="330" align="right">
    <table cellpadding="0" cellspacing="0">
    <tr><td style="width:200px; background-color:#d93e00; height:30px;" valign="middle" align="left"><font class="titreAccueil">Point de vue</font></td></tr>
    </table>
</td></tr>
<tr><td align="left"><p class="texteAccueil" style="font-weight:bold;">Lara Million et Roland Chaprier UMP.<br />Volont&eacute; politique locale et nationale, peuvent faire des &eacute;tincelles.</p></td></tr>
</table>    </td>
    <td style="width:400px;" valign="top">
    <table cellpadding="0" cellspacing="0">
<tr><td style="width:400px;"><font face="Verdana, Arial, Helvetica, sans-serif" style="font-size:22px; color:#039ee1; font-weight:bold;"><i>Nous agissons pour notre ville</i></font></td></tr>
</table>
<br />
<table cellpadding="0" cellspacing="0" align="right">
<tr><td style="width:370px; background-color:#039ee1; height:30px;" valign="middle" align="left"><font class="titreAccueil">Le dossier du mois</font></td></tr>
<tr><td style="width:370px;">
    <table cellpadding="0" cellspacing="0">
    <tr> 


<td style="height:px; width:px;"> 

<div style="position:absolute; 
background-image:url(Images/Tampon-ambitieuse.png); 


height:100px; width:100px;"></div></td><td valign="top"><div style="float:right;"><p style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:justify;">
<font face="Verdana, Arial, Helvetica, sans-serif" style="font-size:14px; color:#039ee1;">Assises de l’Education Construisons ensemble l’école de demain</font><br />Enseignants, parents, élus, responsables associatifs, professionnels de la santé et … enfants se retrouvent jusqu’au 5 juin 2009 aux Assises de l’Education, afin de réfléchir ensemble à l’école que no... <a href='index2.php?page=dossiermois&id=1'>Lire la suite</a></p></div></td></tr>
    </table>

</td></tr>
</table>

td style="height:px; width:px;"

div style="position:absolute;
background-image:url(Images/Tampon-ambitieuse.png);


En plus dans le style du background tu peux mettre un z-index de -1 !
Modifié par FoxLeRenard (13 Apr 2009 - 18:52)

Re salut,

Je n'ai pas mis le site en ligne, tu n'as pas eu la "bonne" version, c'est pour ça que les variables sont null.
Désolé de te le préciser seulement maintenant.

A +

ChrisFX a écrit :
tu n'as pas eu la "bonne" version, c'est pour ça que les variables sont null.

Donc si j'ai bien compris on n'a pas sous la main le code que recevra le navigateur? On a juste du PHP qu'on ne peut bien entendu pas répliquer en local.

En conclusion: au revoir, peut-être à une prochaine, et n'oubliez pas d'amener le patient la prochaine fois.

Voila j'ais donc testé chez moi , et c'est bien ce que je disais,
si le width et height est bien précisé a 100px ça marche,
par ailleur il aurait été si simple de mettre dans ton td
sans aucun style ni paramétre un img du logo !! car n'oublies
pas que tu prétends faire afficher un arriére plan d'un objet vide !


Et OK avec Florent, ça m'a pris du temps ... et pourtant j'avais le source
http://www.zenpcmulhouse.com/grpmajo/
piqué dans tes derniéres questions, enfin un détail un Flash de 1.3MO c'est dur dur
Modifié par FoxLeRenard (13 Apr 2009 - 19:34)

Désolé j'avais mis le lien pour un autre problème.
Je ne pensais pas que vous iriez rechercher ce lien pour ce problème, d'où les fichiers non mis à jour
Fox Le Renard : Tu peux me filer ton code qui fonctionne ? Le mien fonctionne sur Firefox mais pas IE :|

A +

Voili-Voila

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="grpmajo_fichiers/styles.css" type=text/css rel=stylesheet>

<SCRIPT src="grpmajo_fichiers/AC_RunActiveContent.js" 
type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.6000.16809" name=GENERATOR>
</HEAD><BODY>
            <TABLE cellSpacing=0 cellPadding=0 border=2>
              <TR>
                <TD width=100px height=100px>
                  <img src="grpmajo_fichiers/Tampon-ambitieuse.png" /></DIV>
                </TD>
                <TD vAlign=top>
                  <DIV style="FLOAT: right">
                  <P style="FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY:
     Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify">
                  <FONT  style="FONT-SIZE: 14px; COLOR: #039ee1"  
face="Verdana, Arial, Helvetica, sans-serif">
                  Assises de l’Education Construisons ensemble l’école de 
                  demain</FONT><BR>Enseignants, parents, élus, responsables 
                  associatifs, professionnels de la santé et … enfants se 
                  retrouvent jusqu’au 5 juin 2009 aux Assises de l’Education, 
                  afin de réfléchir ensemble à l’école que no...
                  <A  

href="http://www.zenpcmulhouse.com/grpmajo/index2.php?age=dossiermois&amp;id=1">
Lire la  suite</A>

                  </P>
                  </DIV>
                </TD>
              </TR>
            </TABLE>

</BODY></HTML>

Avec donc
TD width=100px height=100px
img src="grpmajo_fichiers/Tampon-ambitieuse.png" DIV
/TD
Modifié par FoxLeRenard (14 Apr 2009 - 01:57)