Forum AlphaDxD

Bonjour à tous,
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 :cry:

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" />

<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>


</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 :trinque:

la taille de la police n'est pas la meme ? les caracteres accentués passent mal sur a tablette

pourquoi as tu des scripts lightbox dans l'entete ?

Pour les scripts, je doit les retirer, en fait c mon ancienne page vidéo que je transforme en page récit mais la de suite j'étais surtout concentré sur le fait que je voulais avec du texte mélanger avec des images,

jeje6275 a écrit :Pour les scripts, je doit les retirer, en fait c mon ancienne page vidéo que je transforme en page récit mais la de suite j'étais surtout concentré sur le fait que je voulais avec du texte mélanger avec des images,

tu es sur que tes mises en forme dans tes css ne se contredisent pas??

Sa y est, j'ai trouvé, il manquait au lieu de <div> il fallait mettre <div id="content">

par contre mon post ce retrouve en traitement numérique, je comprend pas trop ce placement :?:

...

Code : Tout sélectionner

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

C'est quand je veut sauter une ligne, je débute dans ce monde :mrgreen2:

Code : Tout sélectionner

<div style="min-height:300px;"></div>

ça doit faire le job :mrgreen:

MP si t'as des questions :wink:

Atlantys a écrit :
Code : Tout sélectionner
<div style="min-height:300px;"></div>

ça doit faire le job
MP si t'as des questions

Ok j'avais pas compris de suite mai sa y est, en fait avec cette balise tu détermine le nombre de ligne entre deux éléments, c bien sa ?

Rien à voir avec ta question mais tu gagneras à corriger les fautes d'orthographe, de grammaire et de syntaxe.

Tom D a écrit :Rien à voir avec ta question mais tu gagneras à corriger les fautes d'orthographe, de grammaire et de syntaxe.

Sur ma page Tom ?

jeje6275 a écrit :Ok j'avais pas compris de suite mai sa y est, en fait avec cette balise tu détermine le nombre de ligne entre deux éléments, c bien sa ?

ça définit la hauteur minimum de ton bloc (ici 'div' à 300px)

Mais tu peux aussi donner un 'id' où une 'class' à ta balise et affecter la hauteur dans le fichier CSS.

N'hésites pas à te servir de toute la doc que tu peux trouver en ligne.

jeje6275 a écrit :
Tom D a écrit :Rien à voir avec ta question mais tu gagneras à corriger les fautes d'orthographe, de grammaire et de syntaxe.

Sur ma page Tom ?

Partout, même dans tes posts; car si tu rédiges aussi mal tes "div", tes "balises", tes "css", avec accents ou sans, avec pluriels au lieu de singuliers, avec participes passés au lieu d'infinitifs, avec s au lieu de c, avec c au lieu de ç, il est heureux que nous soyons dispensés de "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".
Fais tes belles photos et embauche quelqu'un pour les textes de ton site :zinzin:

Bon sa n'est pas un domaine que je maitrise, j'essaye de m'appliquer au mieux mais la en plus je me retrouve à devoir modifier tous les accents en html sinon cela me fait des points d'interrogation donc il ce peut que je mélange les accords ou autre.
Par contre les correcteurs d'orthographe du net, bof bof

Problème de points d'interrogation => problème d'encodage UTF-8 / ISO-8859: http://www.alsacreations.com/astuce/lire/85-comment-diagnostiquer-un-problme-dencodage-iso-ou-utf-8nbsp.html

pour poursuivre dans le sens d'alphatango, il faudrait éditer le titre de ton message parce que ça fait mal à la tête :fache:

Forum AlphaDxD

Qui peut m'aidée

Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée

Re: Qui peut m'aidée