image sous texte dans un td [Résolu]

[SpaceFrog]

Bonjour,

Je cherche à réaliser un truc bien naze
dans une cellule de tableau, pouvoir mettre une image en arrière plan et du texte au dessus, mais je ne peux pas passer par un background image, je dois avoir une balise image dans le td et un div ...
je n'arrive pas à jouer des position absolute en z-index

[kdmbella]

salut space
z-index ne marche que lorqsqu'on l'utilise en combinaison avec la propriété position : (position:absolute, position:relative, or position:fixed) et l'ampillement se fait du plus petit au plus grand z-index ce qui veut dire que celui qui a le z-index le plus grand sera au dessus des autres .
donc essaye de voir si t'a un meilleur résultat

[SpaceFrog]

heu oui kd merci j'ai bien mis des position realtive mais rien n'y fait

Code :

1
2
3
4
5
6
7
 <td width="70%" style="font-family: Arial; font-size: 12px; color:#ffffff; font-weight:bold;" >
   <img scr="bg.jpg" style="position:relative; z-index:1;" src="bg.jpg" width="800" height="29" />
   <div style="margin:5px 20px;color: #263B4E; position:relative; z-index :2" > Nous vous invitons ...<br/>
    Mode d'emploi pour l'inscription voir PDF joint ...
    </div>
 
    </td>

[vaneck]

Code :

1
2
3
4
5
6
7
 <td width="70%" style="font-family: Arial; font-size: 12px; color:#ffffff; font-weight:bold;" >
   <img scr="bg.jpg" style="position:absolute;" src="bg.jpg" width="800" height="29" />
   <div style="margin:5px 20px;color: #263B4E; position:relative;" > Nous vous invitons ...<br/>
    Mode d'emploi pour l'inscription voir PDF joint ...
    </div>
 
    </td>

Ceci fonctionne, on peut même virer le z-index, puisqu'il est implicite avec l'ordre d’apparition des balises. Si tu veux garder la hauteur de la case , il suffit de le rajouter dans le style de td.

[SpaceFrog]

je ne m'y ferais jamais

[SpaceFrog]

au final le rendu n'etant pas le même selon les gestionnaires de messagerie, j'ai mis des images avec le texte directement dessus ^^

[Bisûnûrs]

Ah c'était pour du mailing .. Ouais, vaut mieux rester basique, très basique .. Mise en page par tableau, le minimum de CSS, etc. Eviter les positionnements, les float.

[kdmbella]

Envoyé par Bisûnûrs

Ah c'était pour du mailing .. Ouais, vaut mieux rester basique, très basique .. Mise en page par tableau, le minimum de CSS, etc. Eviter les positionnements, les float.

je pense que c'est pas une bonne approche : il vaut mieux comprendre comment fonctionne les div que d'éviter de les utiliser car il arrivera un moment ou tu seras obliger de les utiliser et bienvenue les tourne sol

[Bisûnûrs]

Je te remercie de t'en soucier, mais je sais utiliser le positionnement en CSS couplé de "div", merci.

Dans cette discussion on parle d'intégration e-mailing, qui n'a strictement rien à voir avec l'intégration pour un site web ..

[kdmbella]

Envoyé par Bisûnûrs

Je te remercie de t'en soucier, mais je sais utiliser le positionnement en CSS couplé de "div", merci.

Dans cette discussion on parle d'intégration e-mailing, qui n'a strictement rien à voir avec l'intégration pour un site web ..

dans ce cas tu as parfaitement raison vaut mieux faire du basique pour éviter
les problèmes inutiles