Bonjour,

J'ai créé un fond pour ma page web sous photoshop et je l'ai découpée avec fireworks : tout s'est bien passé...
J'ai donc un fichier html avec un tableau et mon image correctement découpée.

Je veux insérer une iframe dans plusieurs cellules du tableau mais quand je teste, rien ne s'affiche dans la frame.

voici mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index.png</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Sat Oct 03 13:08:05 GMT+0200 2009-->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="900" align="center">
<!-- fwtable fwsrc="fond.png" fwpage="Page 1" fwbase="index.png" fwstyle="Dreamweaver" fwdocid = "1207332275" fwnested="0" -->
  <tr>
   <td><img src="images/fond/spacer.gif" width="25" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="163" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="31" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="308" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="32" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="309" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="32" height="1" border="0" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>
 
  <tr>
   <td><img name="index_r1_c1" src="images/fond/index_r1_c1.png" width="25" height="29" border="0" id="index_r1_c1" alt="" /></td>
   <td><img name="index_r1_c2" src="images/fond/index_r1_c2.png" width="163" height="29" border="0" id="index_r1_c2" alt="" /></td>
   <td><img name="index_r1_c3" src="images/fond/index_r1_c3.png" width="31" height="29" border="0" id="index_r1_c3" alt="" /></td>
   <td colspan="3"><img name="index_r1_c4" src="images/fond/index_r1_c4.png" width="649" height="29" border="0" id="index_r1_c4" alt="" /></td>
   <td><img name="index_r1_c7" src="images/fond/index_r1_c7.png" width="32" height="29" border="0" id="index_r1_c7" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="29" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="index_r2_c1" src="images/fond/index_r2_c1.png" width="219" height="45" border="0" id="index_r2_c1" alt="" /></td>
   <td colspan="3"><img name="index_r2_c4" src="images/fond/index_r2_c4.png" width="649" height="45" border="0" id="index_r2_c4" alt="" /></td>
   <td><img name="index_r2_c7" src="images/fond/index_r2_c7.png" width="32" height="45" border="0" id="index_r2_c7" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="45" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="index_r3_c1" src="images/fond/index_r3_c1.png" width="219" height="30" border="0" id="index_r3_c1" alt="" /></td>
   <td colspan="3"><img name="index_r3_c4" src="images/fond/index_r3_c4.png" width="649" height="30" border="0" id="index_r3_c4" alt="" /></td>
   <td><img name="index_r3_c7" src="images/fond/index_r3_c7.png" width="32" height="30" border="0" id="index_r3_c7" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="30" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="index_r4_c1" src="images/fond/index_r4_c1.png" width="219" height="77" border="0" id="index_r4_c1" alt="" /></td>
   <td rowspan="2" colspan="3" background="images/fond/index_r4_c4.png"><iframe src="contacts.html" name="iframe1" width="649" height="359" scrolling="Auto" frameborder="0" id="iframe1" allowtransparency="true" ></iframe></td>
   <td rowspan="2"><img name="index_r4_c7" src="images/fond/index_r4_c7.png" width="32" height="359" border="0" id="index_r4_c7" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="77" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r5_c1" src="images/fond/index_r5_c1.png" width="25" height="282" border="0" id="index_r5_c1" alt="" /></td>
   <td><img name="index_r5_c2" src="images/fond/index_r5_c2.png" width="163" height="282" border="0" id="index_r5_c2" alt="" /></td>
   <td><img name="index_r5_c3" src="images/fond/index_r5_c3.png" width="31" height="282" border="0" id="index_r5_c3" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="282" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4"><img name="index_r6_c1" src="images/fond/index_r6_c1.png" width="527" height="41" border="0" id="index_r6_c1" alt="" /></td>
   <td rowspan="3"><img name="index_r6_c5" src="images/fond/index_r6_c5.png" width="32" height="187" border="0" id="index_r6_c5" alt="" /></td>
   <td colspan="2"><img name="index_r6_c6" src="images/fond/index_r6_c6.png" width="341" height="41" border="0" id="index_r6_c6" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="41" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="index_r7_c1" src="images/fond/index_r7_c1.png" width="25" height="120" border="0" id="index_r7_c1" alt="" /></td>
   <td><img name="index_r7_c2" src="images/fond/index_r7_c2.png" width="163" height="120" border="0" id="index_r7_c2" alt="" /></td>
   <td><img name="index_r7_c3" src="images/fond/index_r7_c3.png" width="31" height="120" border="0" id="index_r7_c3" alt="" /></td>
   <td><img name="index_r7_c4" src="images/fond/index_r7_c4.png" width="308" height="120" border="0" id="index_r7_c4" alt="" /></td>
   <td><img name="index_r7_c6" src="images/fond/index_r7_c6.png" width="309" height="120" border="0" id="index_r7_c6" alt="" /></td>
   <td><img name="index_r7_c7" src="images/fond/index_r7_c7.png" width="32" height="120" border="0" id="index_r7_c7" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="120" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4"><img name="index_r8_c1" src="images/fond/index_r8_c1.png" width="527" height="26" border="0" id="index_r8_c1" alt="" /></td>
   <td colspan="2"><img name="index_r8_c6" src="images/fond/index_r8_c6.png" width="341" height="26" border="0" id="index_r8_c6" alt="" /></td>
   <td><img src="images/fond/spacer.gif" width="1" height="26" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>
mon test porte sur l'iframe "iframe1" mais j'en ai d'autres à insérer.

Merci pour votre aide.

@+
@rno

P.S. J'avais déjà procédé ainsi pour mon site perso : www.blaszsite.fr mais j'avais fait les découpes "à la main" et mes iframes passaient bien.