init

txt/interstices.txt

@@ -0,0 +1,44 @@
+<div id="content_inter">
+
+<div id="interstice"><img id="survol" src="" alt="images interstices" width="500" height="520" /></div>
+
+<div id="chiffres">
+<p style="margin-top:3px;"><a href="#" title="interstice 01" onmouseover="javascript:text_over(0);">I 1</a></p>
+<p><a href="#" title="interstice 02" onmouseover="javascript:text_over(1);">I 2</a></p>
+<p><a href="#" title="interstice 03" onmouseover="javascript:text_over(2);">I 3</a></p>
+<p><a href="#" title="interstice 04" onmouseover="javascript:text_over(4);">I 4</a></p>
+<p><a href="#" title="interstice 05" onmouseover="javascript:text_over(5);">I 5</a></p>
+<p><a href="#" title="interstice 06" onmouseover="javascript:text_over(6);">I 6</a></p>
+<p><a href="#" title="interstice 07" onmouseover="javascript:text_over(7);">I 7</a></p>
+</div>
+
+
+<!-- fin content --></div>
+
+<!-- pour ajouter une image
+ajouter cette ligne ci-dessous au code avant la balise </div>
+<p><a href="#" title="interstice 08" onmouseover="javascript:text_over(8);">I 8</a></p>
+
+pour les images suivantes, le même code en augmentant tous les chiffre de +1
+
+ensuite aller dans la feuille de style styles.css
+et réduire la valeur margin-bottom, à vérifier après la mise en ligne afin que la liste s'ajuste à la page
+
+#chiffres p{
+font-size:18px;
+font-weight:normal;
+>> margin-bottom:60px; 
+}
+
+#chiffres p a{
+color:#000000;
+font-size:18px;
+font-weight:normal;
+>> margin-bottom:60px;
+text-decoration:none;
+}
+
+ensuite aller dans javascript/tools.js
+
+et voir la suite y décrite
+-->