[HTML 4.0] Affichage d'images sur mon site

Bonjour
j'ai un site en

Code:

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

et j'ai un site en

Code:

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

sur ce dernier je voudrais mettre un bout de code du 1er, quand je le fait cela me change l'affichage et tout le code ne marche pas
J'utilise Dreamweaver

merci
Voila le bout de code que je voudrais mettre dans ma page html

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
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>LouerAppartement Mouton Duvernet Paris 14eme</TITLE>
<SCRIPT type=text/javascript 
src="Affichage de vos images/jquery.js"></SCRIPT>
 
<SCRIPT type=text/javascript 
src="Affichage de vos images/jquery.cookie.js"></SCRIPT>
 
<STYLE type=text/css>@import url( Affichage de vos images/modal.css );
</STYLE>
 
<SCRIPT type=text/javascript 
src="Affichage de vos images/index.php">
</SCRIPT>
 
<SCRIPT type=text/javascript>
$(function() {
var lb_settings = {
loader_img : 'Affichage de vos images/loader.gif',
prev_img   : 'Affichage de vos images/prev.png',
next_img   : 'Affichage de vos images/next.png',
close_img  : 'Affichage de vos images/close.png',
blank_img  : 'Affichage de vos images/blank.gif'
};$("div.post").each(function() {
$(this).find("a[href$=.jpg],a[href$=.jpeg],a[href$=.png],a[href$=.gif],a[href$=.JPG],a[href$=.JPEG],a[href$=.PNG],a[href$=.GIF]").modalImages(lb_settings);
})
});
</SCRIPT>
<style type="text/css">
.body {
        background-image: url(fond.jpg);
        background-repeat: no-repeat;
        width:800px;
        height: 1200px;
        color:#FFFFFF
        }
.telephone{
        font-size:large;
        width:50%;
        margin:auto;
        width:800px;    
}
.titre{
        width:500px;
        height: 130px;
        color:#FFFFFF;
}
.photo{
        float:left
        border: none;
        color:#FFFFFF
 
}
</style>
 
</head>
<body>
 
  <div class="photo">
    <DIV id=p43 class=post>
      <a href="img/jardin.jpg"><img src="jardinp.jpg" alt="Jardin" border="0" title="Jardin" /></a></p>
          <p>Jardin</p>
 
 
</div>
</div>
</div>
</body>
</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>LouerAppartement Mouton Duvernet Paris 14eme</TITLE>
<SCRIPT type=text/javascript 
src="Affichage de vos images/jquery.js"></SCRIPT>
 
<SCRIPT type=text/javascript 
src="Affichage de vos images/jquery.cookie.js"></SCRIPT>
 
<STYLE type=text/css>@import url( Affichage de vos images/modal.css );
</STYLE>
 
<SCRIPT type=text/javascript 
src="Affichage de vos images/index.php">
</SCRIPT>
 
<SCRIPT type=text/javascript>
$(function() {
var lb_settings = {
loader_img : 'Affichage de vos images/loader.gif',
prev_img   : 'Affichage de vos images/prev.png',
next_img   : 'Affichage de vos images/next.png',
close_img  : 'Affichage de vos images/close.png',
blank_img  : 'Affichage de vos images/blank.gif'
};$("div.post").each(function() {
$(this).find("a[href$=.jpg],a[href$=.jpeg],a[href$=.png],a[href$=.gif],a[href$=.JPG],a[href$=.JPEG],a[href$=.PNG],a[href$=.GIF]").modalImages(lb_settings);
})
});
</SCRIPT>
<style type="text/css">
.body {
        background-image: url(fond.jpg);
        background-repeat: no-repeat;
        width:800px;
        height: 1200px;
        color:#FFFFFF
        }
.telephone{
        font-size:large;
        width:50%;
        margin:auto;
        width:800px;    
}
.titre{
        width:500px;
        height: 130px;
        color:#FFFFFF;
}
.photo{
        float:left
        border: none;
        color:#FFFFFF
 
}
</style>
 
</head>
<body>
 
  <div class="photo">
    <DIV id=p43 class=post>
      <a href="img/jardin.jpg"><img src="jardinp.jpg" alt="Jardin" border="0" title="Jardin" /></a></p>
          <p>Jardin</p>
 
 
</div>
</div>
</div>
</body>
</html>

et voila le code ou je voudrais mettre le 1er 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
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>nom</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<p>
	<div id="centre">
    <div class=ombre1><b>titre</b></div>
<div class=ombre2><b>titre</b></div>
		<div id="contenu">
			<div id="text">
 
					Mon texte ou mes images
				</p>
			</div>
		</div>
	  <ul>
		<li><a href="index.html"><img src="menu/accueil.gif" name="acceuil" onmouseover="commuteImg('menu/accueiltext2.gif','menu/accueiltext.gif','acceuiltext')" onmouseout="commuteImg('menu/accueiltext.gif','menu/accueiltext2.gif','acceuiltext')" /></a></li>
		<li><a href="index.html"><img src="menu/profil.gif" name="profil" onmouseover="commuteImg('menu/profiltext2.gif','menu/profiltext.gif','profiltext')" onmouseout="commuteImg('menu/profiltext.gif','menu/profiltext2.gif','profiltext')" /></a></li>
		<li><a href="index.html"><img src="menu/cv.gif" name="cv" onmouseover="commuteImg('menu/cvtext2.gif','menu/cvtext.gif','cvtext')" onmouseout="commuteImg('menu/cvtext.gif','menu/cvtext2.gif','cvtext')" /></a></li>
		<li><a href="index.html"><img src="menu/expo.gif" name="expo" onmouseover="commuteImg('menu/expotext2.gif','menu/expotext.gif','expotext')" onmouseout="commuteImg('menu/expotext.gif','menu/expotext2.gif','expotext')" /></a></li>
		<li><a href="index.html"><img src="menu/liens.gif" name="liens" onmouseover="commuteImg('menu/lienstext2.gif','menu/lienstext.gif','lienstext')" onmouseout="commuteImg('menu/lienstext.gif','menu/lienstext2.gif','lienstext')" /></a></li>
		<li><a href="index.html"><img src="menu/contact.gif" name="contact" onmouseover="commuteImg('menu/contacttext2.gif','menu/contacttext.gif','contacttext')" onmouseout="commuteImg('menu/contacttext.gif','menu/contacttext2.gif','contacttext')" /></a></li>
  </ul><ul>
   <dd><img src="menu/accueiltext.gif" name="acceuiltext" onMouseover="commuteImg('menu/accueiltext2.gif','menu/accueiltext.gif','acceuiltext')" onMouseOut="commuteImg('menu/accueiltext.gif','menu/accueiltext2.gif','acceuiltext')"></dd>
  <dd><img src="menu/profiltext.gif" name="profiltext" onMouseover="commuteImg('menu/profiltext2.gif','menu/profiltext.gif','profiltext')" onMouseOut="commuteImg('menu/profiltext.gif','menu/profiltext2.gif','profiltext')"></dd>
  <dd><img src="menu/cvtext.gif" name="cvtext" onMouseover="commuteImg('menu/cvtext2.gif','menu/cvtext.gif','cvtext')" onMouseOut="commuteImg('menu/cvtext.gif','menu/cvtext2.gif','cvtext')"></dd>
  <dd><img src="menu/expotext.gif" name="expotext" onMouseover="commuteImg('menu/expotext2.gif','menu/expotext.gif','expotext')" onMouseOut="commuteImg('menu/expotext.gif','menu/expotext2.gif','expotext')"></dd>
  <dd><img src="menu/lienstext.gif" name="lienstext" onMouseover="commuteImg('menu/lienstext2.gif','menu/lienstext.gif','lienstext')" onMouseOut="commuteImg('menu/lienstext.gif','menu/lienstext2.gif','lienstext')"></dd>
   <dd><img src="menu/contacttext.gif" name="contacttext" onMouseover="commuteImg('menu/contacttext2.gif','menu/contacttext.gif','contacttext')" onMouseOut="commuteImg('menu/contacttext.gif','menu/contacttext2.gif','contacttext')"></dd>
  </ul>
		<div id="pied">
			<p>bas</font></a>
			  </p>
		</div>
	</div>
</body>
</html>

merci