Superposer des images

Version imprimable

2 pièce(s) jointe(s)

Bonjour,

Mon objectif est d'arriver au résultat suivant "objectif.jpg"

Avec la structure actuelle de mon code j'obtiens ceci "resultatActuel.jpg"

voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TEST</title>
<style type="text/css">
</style>
</head>
 
<body>
<table width="985" height="116" border="0" cellpadding="0" cellspacing="0">
  <tr>
  	<td width="226" height="116" align="center" background="images/left.gif">
      <img src="images/logo.gif" width="145" height="80">
     </td>
    <td>
	<table width="759" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="84" colspan="2"  style="background-image: url(images/image01.gif);" >
		  <table height="84" border="0" cellpadding="0" cellspacing="0">
              <tr>
               <td width="529"></td>				
                <td width="230" align="center" background="images/image02.gif">
                  <table width="208" height="70" border="0" cellpadding="6" cellspacing="0">
                    <tr>
						<td><span class='Blanc11'>Bienvenue</span><br><span class='Blanc11Gras'></span></td>                      
                    </tr>
                    <tr>
						<td valign='bottom'><a href='http://google.fr' style='text-decoration:none'><span class='Blanc10'>D&eacute;connexion</span></a></td>
                    </tr>
                  </table>
				  </td>
              </tr>
            </table>
		</td>
        </tr>        
      </table>
	</td>
  </tr>
</table>
 
</body>
</html>

merci d'avance pour votre aide

24/10/2012, 10h57
Vil'Coyote

le positionnemet se fait à l'aide de div et de css pas de tableau.
24/10/2012, 11h29
Smix007

Merci pour votre reponse,

Est ce qu'il n y a pas un moyen pour faire la même chose avec des tableaux ?
24/10/2012, 11h34
Vil'Coyote

les tableaux sont dépréciés pour les positionnement de données. uniquement pour de l'affichage tabulaire d'information. Et surtout les tableau ne sont pas fait pour ce que tu souhaites faire.
24/10/2012, 14h13
Invité

Bonjour,
=> Div et CSS : une mise en page rapide et facile
10/11/2012, 21h09
aurelien3030

reponse

Bonjour, essai de mettre ta première image en background et ajuste la taille du tableau. Sinon, tu peux tout simplement l'inclure dans ta première image.
11/11/2012, 10h04
NoSmoking

Bonjour,

Citation:

Envoyé par aurelien3030

essai de mettre ta première image en background et ajuste la taille du tableau.

dommage de revenir au XXéme siècle :aie:

...de plus si l'image a une valeur non décorative elle n'a rien à faire en background.