J'ai suivi le tuto pour insérer une image et du texte à droite de l'image.
Sous Kompozer, le rendu est impeccable mais quand je vais ouvrir ma page sous firefox, l'image est complètement à droite de l'écran.
Vous pouvez me dire pourquoi ?
Copier le sous kompozer, vous verez que les images sont bien à gauche et que le texte est à droite de l'image. J'ai mis dans les propriétés de l'image comme dans le tuto.
Après ouvrez la page avec firefox et vous verrez, tout est décallé ? Pourquoi ?
Voici mon code :
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>Pedagogie</title>
<style type="text/css">
#menu ul {
padding-left: 0;
}
#menu li {
border: 1px solid #cc0000;
text-align: center;
float: left;
margin-right: 5px;
margin-left: 5px;
list-style-type: none;
width: 120px;
}
#menu a:visited {
color: #99ff99;
font-weight: bold;
text-decoration: none;
}
#menu a {
color: white;
font-weight: bold;
text-decoration: none;
background-color: #663333;
display: block;
}
#menu a:hover {
color: #000099;
background-color: #ffcccc;
}
</style></head><body
style="background-image: url(images/fonds%20accueil.jpg); height: 62px;">
<h1 style="text-align: center; background-color: transparent;"><big><font
size="+3"><big><span
style="color: rgb(255, 102, 0);"><span
style="color: rgb(153, 255, 153);">B</span><span
style="color: yellow;">i</span><span
style="color: rgb(0, 102, 0);">e</span><span
style="color: rgb(153, 255, 255);">n</span><span
style="color: rgb(204, 204, 255);">v</span><span
style="color: rgb(255, 204, 255);">e</span><span
style="color: rgb(255, 102, 102);">n</span><span
style="color: rgb(102, 102, 102);">u</span><span
style="color: rgb(102, 102, 0);">e</span> à
<span style="color: rgb(0, 0, 153);">l</span><span
style="color: rgb(153, 51, 153);">a</span> <span
style="color: rgb(204, 51, 204);">M</span><span
style="color: rgb(204, 0, 0);">a</span><span
style="color: rgb(51, 255, 51);">r</span><span
style="color: rgb(102, 0, 0);">e</span><span
style="color: rgb(255, 204, 204);">l</span><span
style="color: rgb(204, 204, 255);">l</span><span
style="color: rgb(102, 51, 102);">e</span> <span
style="color: red;">d</span><span
style="color: rgb(102, 102, 0);">e</span> <span
style="color: rgb(102, 0, 204);">C</span><span
style="color: rgb(204, 204, 204);">h</span><span
style="color: rgb(255, 102, 102);">a</span><span
style="color: rgb(255, 255, 51);">m</span><span
style="color: rgb(51, 255, 51);">p</span><span
style="color: rgb(51, 255, 255);">i</span><span
style="color: rgb(102, 0, 204);">g</span><span
style="color: black;">n</span><span
style="color: rgb(204, 51, 204);">y <a
name="hautpage"></a></span></span></big></font></big></h1>
<ul id="menu"><li><a href="Accueil.html">Accueil</a>
</li><li><a href="Pedagogie.html">Pedagogie</a>
</li><li><a href="Inscription.html">Inscription</a>
</li><li><a href="Nous%20contacter.html">Nous
contacter</a>
</li><li><a href="Liens%20utiles.html">Liens
utiles</a></li>
<li><a href="Livre%20d%27or.html">Livre d'or</a></li>
</ul><p style="text-align: justify; color: rgb(25, 16, 99);"><b><span
style="font-family: "Comic Sans MS";"></span></b></p><h1><b><span
style="font-family: "Comic Sans MS";"><span
style="color: rgb(25, 16, 99);">A la Marelle, c'est :</span></span></b></h1><p
style="text-align: justify; color: rgb(25, 16, 99);"><b><span
style="font-family: "Comic Sans MS";">* Des moments
« lecture » :</span></b><span
style="font-family: "Comic Sans MS";"> </span><span
style="font-family: "Comic Sans MS";"></span></p><p
style="text-align: justify; color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"><img
style="width: 150px; height: 146px; float: left;" alt=""
src="images/fond%20banquette.jpg" hspace="25" vspace="15"></span></p><p
style="text-align: justify; color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";">A travers le livre,
les enfants
développent leur imaginaire, ressentent, <br>connaissent
et
développentdes sensations. Il y a un apprentissage <br>du
langage et une sensibilisation à la lecture.</span></p><p
style="text-align: justify; color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></p><p
style="text-align: justify; color: rgb(25, 16, 99);"><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b></p><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b></p><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";">*
L’éveil musical</span></b><span
style="color: rgb(25, 16, 99);"> : </span></p><span
style="font-family: "Comic Sans MS";"><br><img
style="width: 150px; height: 146px; float: left;" alt=""
src="images/fond%20set%20musical.jpg" hspace="25"
vspace="15"><br><br><span
style="color: rgb(25, 16, 99);">Il s’agit de la
manipulation de
percussions, de l’éducation de
l’ouïe, <br>reconnaître
des bruits familiers, apprendre à écouter et
chanter.</span></span><b style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b></p><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b></p><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";"></span></b></p><p><b
style="color: rgb(25, 16, 99);"><span
style="font-family: "Comic Sans MS";">* La
psychomotricité </span></b><span
style="font-family: "Comic Sans MS";"><span
style="color: rgb(25, 16, 99);">: </span></span></p><span
style="font-family: "Comic Sans MS";"><br><img
style="width: 167px; height: 166px; float: left;" alt=""
src="images/fond%20motricite.jpg" hspace="25" vspace="15"><span
style="color: rgb(25, 16, 99);">Maîtrise du tonus
(module en
mousse en pente, escalier, …). <br>Maîtrise
des fonctions
locomotrices et de l’autonomie. <br>Activités
d’équilibre (parcours d’obstacles). <br>Le
but est
de prendre conscience de son corps et de ses limites. <br>C’est
aussi d’obéir à des consignes simples,
suivre un
chemin, <br>se déplacer d’un point
à un autre,
apprendre des notions comme<br> intérieur,
extérieur, devant, derrière ou dessus, dessous.</span></span><br><br><br><br><br><br><br><ol
style="color: rgb(25, 16, 99);" start="1" type="1"><li
class="MsoNormal" style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">Les
activités praxiques:</span></b><span
style="font-family: "Comic Sans MS";"> Elles
nécessitent un
entraînement des gestes dans un but précis. Il
s’agit d’associer sa pensée et ses
réalisations manuelles, de développer la
mémoire
et la pensée logique. Par exemple, puzzle, dominos, loto,
jeux
de constructions, de tris, coloriage, etc.</span> </li><li
class="MsoNormal" style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">Les
activités manuelles:</span></b><span
style="font-family: "Comic Sans MS";"> La peinture, le
collage, les
gommettes, par exemple ont pour but la prise de conscience de
l’espace en rapport avec la trace laissée.
C’est
aussi l’occasion d’acquérir la souplesse
du poignet,
de la main et des doigts. Les enfants développent leur
pensée logique, ils repèrent les couleurs, les
formes et
les tailles. </span></li></ol>
<p class="MsoNormal"
style="text-align: justify; color: rgb(25, 16, 99);"><o:p> </o:p></p>
<p class="MsoNormal" style="text-align: justify;"><o:p> </o:p></p>
<p class="MsoNormal" style="text-align: justify;"><o:p> </o:p></p>
<ol start="6" type="1"><li class="MsoNormal"
style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">Les
activités
sensorielles:</span></b><span
style="font-family: "Comic Sans MS";">
Elles mettent en jeu les possibilités sensorielles de
l’enfant. Ses sensations vont construire son domaine affectif
et
l’aider à mieux percevoir ce qui
l’entoure. Toucher
différentes matières, sentir (boites à
odeurs),
voir (loto, domino, jeux de mémoire), goûter,
écouter (reconnaître des sons). </span></li><li
class="MsoNormal" style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">Les jeux de
manipulation:</span></b><span
style="font-family: "Comic Sans MS";"> Modelage,
pâte à
sel, pâte à modeler Sensibilité du
toucher : sable,
farine, graine, etc. Jeux d’eau notion de volume (dedans,
dehors)
</span></li><li class="MsoNormal"
style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">La cuisine: </span></b><span
style="font-family: "Comic Sans MS";">Recettes simples
à la
portée des enfants sont proposées. Faire la
cuisine
permet d’éprouver le plaisir de la manipulation
des
ingrédients, mais également
l’éveil des
sens, satisfaction d’une production que l’on peut
goûter. </span></li><li class="MsoNormal"
style="text-align: justify;"><b><span
style="font-family: "Comic Sans MS";">Massage du
bébé :</span></b><span
style="font-family: "Comic Sans MS";"> pour que les plus
petits
participent également aux activités, ils
profitent du
massage pour éveiller leur perception du corps, leurs
sensations.<b><o:p></o:p></b></span></li></ol>
<big><span style="color: rgb(25, 16, 99);"
class="linkGreen"></span></big><big><span
style="color: rgb(25, 16, 99);" class="linkGreen"></span></big></body></html>Aussi, quand tu insère du code issu de KompoZer, merci de sélectionner le code copié dans ton message et de cliquer ensuite dans la case "code": ton message sera nettement plus lisible[/modo]
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
