Bonjour,
Je fais une refonte complète de mon site avec dreamweaver8 que je commence seulement à apprendre, avec un exemple fait par ma fille, j'ai peur que l'index bouge selon les différents serveurs et les différents affichages pourriez vous svp me dire ce que je dois chager ou pas, en vous remerciant
<!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" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="ainfranin.free.fr:souvenirs de jeunesse"/>
<meta name="keywords" content="/>
<meta http-equiv="imagetoolbar" content="no"/>
<meta http-equiv="Page-Enter" content="revealtrans(duration=4.0, transition=3)"/>
<meta http-equiv="Page-Exit" content="revealtrans(duration=4.0, transition=3)"/>
<link rel="alternate" media="print" href="fete_print_doc.txt"/>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="Styles/designaccueil.css" />
<title>Ain Franin</title>
<script type="text/javascript" src="Js/clicdroit.js"></script>
<script type="text/javascript" src="Js/text.js"></script>
</head>
<body>
<h1></h1>
<div class="bloc1">
<div class="element_menu">
<div class="coin_hg">
<div class="coin_hd">
<div class="bordure_h">
</div>
</div>
</div>
</div>
<div class="cote_gauche">
<div class="cote_droit">
<h2></h2>
<img src="Photos/Dessins/cap roux.gif" id="Caproux"/>
<img src="Photos/Dessins/motif deco.jpg" id="MotifH"/>
<img src="Photos/Dessins/motif deco.jpg" id="MotifB"/>
<img src="Photos/Dessins/titre.png" id="Titre"/>
</div>
</div>
<div class="coin_bg">
<div class="coin_bd">
<div class="bordure_b">
</div>
</div>
</div>
</div>
<div class="bloc2">
<div class="element_menu">
<div class="coin2_hg">
<div class="coin2_hd">
<div class="bordure2_h">
</div>
</div>
</div>
</div>
<div class="cote2_gauche">
<div class="cote2_droit">
<h2></h2>
<a class="Menu1">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="introduction.html">Présentation</a></li>
<li><a href="Historique/historique.html">Historique</a></li>
<li><a href="Temoignages/temoignages.html">Témoignages</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg" id="Motif1"/>
<a class="Menu2">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="Photos/photos.html">Photos</a></li>
<li><a href="Amis/nos amis.html">Nos amis</a></li>
<li><a href="Amis/nos amis.html">Artistes</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<a class="Menu3">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="Photos/Presentation des photos/photos qui sont-ils.html">Echo</a></li>
<li><a href="Photos/Presentation des photos/photos qui sont-ils.html">Avis de recherche</a></li>
<li><a href="Liens/liens.html">Liens</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<p id="Livreor"><a href="repertoire/presentation livre.html"><img src="Photos/Boutons/livre.gif" width="130" height="68" style="border:0px" padding-bottom: 5px /></a></p>
<br>
</div>
</div>
<div class="coin2_bg">
<div class="coin2_bd">
<div class="bordure2_b">
</div>
</div>
</div>
</div>
<div class="bloc3">
<div class="element_menu">
<div class="coin3_hg">
<div class="coin3_hd">
<div class="bordure3_h">
</div>
</div>
</div>
</div>
<div class="cote3_gauche">
<div class="cote3_droit">
<h2></h2>
<img src="Photos/Dessins/bienvenue.jpg" id="Bienvenue">
<p class="Bonjour">Bonjour et bienvenue sur mon site,j'espère que vous aurez autant de plaisir et d'émotions à le visiter, que j'en ai à le construire.</p>
<p class="Remercie"> Je remercie chaleureusement tous ceux qui par leurs témoignages et leurs photos participent à le faire vivre.</p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif2">
<p class="Hesiter">N'hésitez pas à me signaler les liens manquants et me faire part de vos impressions, beaucoup de projets restent à venir merci de votre patience.</p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif2">
<p id="Nouveaute"><a href="#" onclick="window.open('popup.html','Nouveaute','width=470,height=370, status=no, directories=no, toolbar=no, location=no, scrollbars=no, resizable=no')"><img src="Photos/Boutons/nouveaute.gif" width="136" height="64" style="border:0px" alt=""/></a></p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif2">
<p class="Concept">Site conçu en février 2003<br> Mise à jour le 00/00/2006<br> Résolution d'écran <br />1024 * 768</br>
<p id="Copy"><img src="Photos/Dessins/copy.jpg"></p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif2">
<p id="Musique"><embed src="Sons/le rivage.mp3" width="70" height="26" type="audio/mid" border="0" controls="playbutton" autostart="true" loop="-1"></embed></p>
<br>
</div>
</div>
<div class="coin3_bg">
<div class="coin3_bd">
<div class="bordure3_b">
</div>
</div>
</div>
</div>
<div class="bloc4">
<div class="element_menu">
<div class="coin4_hg">
<div class="coin4_hd">
<div class="bordure4_h">
</div>
</div>
</div>
</div>
<div class="cote4_gauche">
<div class="cote4_droit">
<h2></h2>
<a class="Menu4">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<a class="Menu5">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<a class="Menu6">Menu</a>
<img src="Photos/Dessins/boutons.jpg" id="Boutons1"/>
<ul class="Intro">
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
<li><a href="Photos/photos.html">A venir</a></li>
</ul>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<p id="Email"><a href="Email/email 1/phpform.html"><img src="Photos/Boutons/email.gif" width="96" height="64" style="border:0px" alt=""/></a></p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<p> <center><a href="diapo.html">AIN FRANIN...Ecoutez</a><br /></center></p>
<img src="Photos/Dessins/motif deco.jpg"id="Motif1">
<p id="Pieds"></p>
</div>
</div>
<div class="coin4_bg">
<div class="coin4_bd">
<div class="bordure4_b">
</div>
</div>
</div>
</div>
</body>
</html>
Configuration: Windows XP Internet Explorer 8.0