voila j'ai enfin réussi à obtenir ce que je voulais avec mon récit sur l'harfang des neiges, à savoir du texte mélanger avec l'image, par contre le texte et les images sortent des dimension par rapport au autres pages du site
j'ai du oublier une balise ou autre, mais je ne vois pas ou
Si quelqu'un calé en html à une idée,
voici le code de la page en question,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta http-equiv="Content-Language" content="fr">
<meta name="robots" content="index">
<meta name="rating" content="General" />
<meta name="description" content="Bienvenue sur mon site consacré à la faune et la flore">
<meta name="keywords" lang="fr" content="Jérôme Watel,faune et flore, photographie, vidéo">
<meta name="reply-to" content="jerome6275@gmail.com">
<meta name="category" content="Actualités">
<meta name="distribution" content="global">
<meta name="author" lang="fr" content="JĂ©rĂ´me Watel">
<meta name="copyright" content="JĂ©rĂ´me Watel">
<meta name="identifier-url" content="http://www.jerome-watel.fr">
<meta name="expires" content="never">
<meta name="Date-Creation-yyyymmdd" content="20121005">
<meta name="Date-Revision-yyyymmdd" content="20121020">
<meta name="revisit-after" content="15 days">
<META NAME="owner" CONTENT="jerome6275@gmail.com">
<META NAME="organization" CONTENT="jerome-watel.fr">
<META NAME="contact" CONTENT="jerome6275@gmail.com">
<META NAME="contactName" CONTENT="jérôme Watel">
<META NAME="contactOrganization" CONTENT="JĂ©rĂ´me Watel">
<meta property="og:url" content="http://www.jerome-watel.fr" />
<meta property="og:type" content="website" />
<title>Faune et flore photographie</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="menu/menu.css" />
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" href="videos_videolb/videolightbox.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="videos_videolb/overlay-minimal.css"/>
<script src="videos_videolb/jquery.js" type="text/javascript"></script>
<script src="videos_videolb/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
</head>
<body>
<div id="content">
<div class="myHomePage_name" style="text-align: left;">
<span style="font-size:40px;"><span style="font-family: Sweetly Broken,courier,monospace;">Faune et flore Photographie</span></span></div>
<span style="font-size:20px;"><span style="font-family: Sweetly Broken,courier,monospace;"> Jérôme Watel</span></span></div>
<br>
<div class="myHomePage_name" style="text-align: center;">
<span style="font-size:15px;"><span style="font-family: KG Sweet N Sassy,courier,monospace;">"Une photographie, c'est un fragment de temps qui ne reviendra pas."</span></span></div>
<br>
<ul id="menu">
<li class="current"><a href="index.html">Accueil</a></li>
<li><a href="Albums.html">Albums</a></li>
<li><a href="videos.html">Vidéos</a></li>
<li><a href="livre dor.html">Livre d'or</a></li>
<li><a href="Liens.html">Liens</a></li>
<li><a href="contact.html">Contact</a></li></ul>
</div>
<br>
<br>
<br>
<DIV><IMG style="PADDING-RIGHT: 17px; PADDING-LEFT: 17px; FLOAT: right" src="http://www.jerome-watel.fr/thumb-vignette/jerome-watel-harfang-des-neiges-2014.jpg" border=10></DIV>
<DIV> </DIV>
<DIV>Parfois la nature fait bien les chose vous ne trouvez pas !
Après quelques échos d’ici et là , quelques articles dans les journaux, voila que je décide enfin de partir à la rencontre de cet oiseaux magnifique, fascinant, discret mais très tolérant aux vues du nombre de personnes cherchant à le rencontrer.
Rencontre inespérée pour un photographe animalier certes amateur mais passionné de croiser le regard d’un harfang des neiges en pleine nature dans notre région. nous voila donc partis à sa rencontre avec mes amis Seb et Daniel en espérant qu’il n’ait pas changé de secteur.
Une fois arrivée à destination, une première reconnaissance de l’endroit sans trop le voir, nous cherchons des éventuelles photographes ou ornitho qui pourraient nous guider afin de trouver son secteur quand tout en cherchant, voila que Seb aperçoit un photographe derrière une maison, grand soulagement, il est là , reste plus qu’à trouver le moyen de se rendre auprès du photographe, nous tournons, tournons sans trop connaitre la cité où nous nous trouvons, quand enfin nous l’apercevons au loin, nous y voila, il est la devant nous sur son perchoir, nous décidons de rejoindre le photographe qui luit se trouve à environ 30m de lui.
<DIV><IMG style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left" src="http://www.jerome-watel.fr/thumb-vignette/jerome-watel-harfang-des-neiges-2014-9.jpg" border=0></DIV>
<DIV> </DIV>
Aller encore quelques instants et nous y voila, on prépare le matos tout en l’observant, et c'est partis pour un moment inoubliable, je vous laisse imaginer dans quel état nous entrons, indescriptible.</DIV>
<DIV>Malheureusement voila que la pluie s’en mêle mais tant pis, nous ne reculons pas devant cet instant magique, il est la devant nous à observer ce qu’il se passe, avant de partir ce posé plus loin dans une pâture heureusement pour nous le long d’une route un peu plus loin. nous décidons de le suivre de loin et voila qu’il se pose de nouveau sur un tat de bois pas très loin de nous.
Aller on réinstalle le matos afin de pouvoir l’observer et le photographier et il nous fera l’honneur de se laisser observer un bon moment avant son prochain envol</DIV>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="center">
<p><span style="font-size:12px;font-style:italic;">"Les images de ce site ne sont pas libres de droit merci de bien vouloir respecter l'auteur sur ce point."</p>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 </script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-36108075-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>
et voici ce que cela donne en réelle
http://jerome-watel.fr/videos.html
D'avance merci
... 
