1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="test.css">
<!--[if IE]>
<LINK href="test_IE.css" type=text/css rel=stylesheet>
<![endif]-->
</head>
<body style="PADDING-TOP:55px">
<!--element fixe horizontal (barre du haut) -->
<div class="fixed" bgcolor="White" style="z-index:4">
<table style="position:absolute;top:-2px;" width="100%" bgcolor="White">
<tr><td style="background:#F9F9FB;border-bottom:1px solid gray;>
<font color="black">Vous êtes ici : </font><font color="red">Glossaire</font>
</td></tr>
</table>
<div class="onglets-niveau3" bgcolor="White" style="top:30px;">
<table border="0" width="400" cellspacing="0" cellpadding="0">
<tr><td align="center">A</td></tr>
<!--liste des lettres, ce sont des liens normalement-->
</table>
</div>
</div>
<!-- element fixe vertical (barre de gauche) -->
<div class="fixed" style="top:60px">
<div class="glossaire-mots">
<a href="glossaire2.html#mot1" target=_self>mot 1</a><br>
<a href="glossaire2.html#mot2" target=_self>mot 2</a><br>
<a href="glossaire2.html#mot3" target=_self>mot 3</a><br>
<a href="glossaire2.html#mot4" target=_self>mot 4</a><br>
</div>
</div>
<!-- zone pouvant "bouger" -->
<div class="content" style="z-index:0">
<div class="onglets-niveau3" style="position:absolute;left:300px;border-left:1px solid gray;">
<div style="position:relative;left:5px;">
<ul><a id="mot1">Mot 1</a></ul>
<p>1er def<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<ul><a id="mot2">Mot 2</a></ul>
<p>2eme def<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<ul><a id="mot3">Mot 3</a></ul>
<p>3eme def<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<ul><a id="mot4">Mot 4</a></ul>
<p>4eme def<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
</div>
</div>
</div>
</body> |
Partager