45 lines
1.5 KiB
Plaintext
45 lines
1.5 KiB
Plaintext
<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
|
|
-->
|