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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
| <script language="JavaScript"><!--
function menu_show() {
for (i=0;i<menu_show.arguments.length;i++) {
document.getElementById(menu_show.arguments[i]).style.visibility='visible';}
}
function menu_hide() {
for (i=0;i<menu_hide.arguments.length;i++) {
document.getElementById(menu_hide.arguments[i]).style.visibility='hidden';}
}
function menu_msg(msg) {
alert(msg);
}
--></script>
<style type="text/css"><!--
.class1 {position:absolute; left:108px; top300px; width:130px; cursor:hand; visibility:'visible';}
.class2 {position:absolute; left:200px; top300px; width:180px; cursor:hand; visibility:'visible';}
.class3 {position:absolute; left:300px; top300px; width:180px; cursor:hand; visibility:'visible';}
.class4 {position:absolute; left:409px; top300px; width:100px; cursor:hand; visibility:'visible';}
.class5 {position:absolute; left:501px; top300px; width:100px; cursor:hand; visibility:'visible';}
.class6 {position:absolute; left:593px; top300px; width:180px; cursor:hand; visibility:'visible';}
.class7 {position:absolute; left:693px; top300px; width:150px; cursor:hand; visibility:'visible';}
.menu {font-family:'comic-sans-ms' ; font-style:italic ; font-size:15px; font-weight:normal; background-color:transparent; bordercolor:white; color:white;}
.submenu {background-color:"transparent"; font-family:'comic-sans-ms'; font-style:italic; font-size:14px; font-weight:normal; color:black; visibility:'hidden';}
A {text-decoration:none; color:white;}
A:hover {background-color:black; color:white;}
--></style></head>
<body>
<div id='div1' class='class1' onmouseover='menu_show("f1","f2","f3","f4")' onmouseout='menu_hide("f1","f2","f3","f4")'>
<table ><tr><td class='menu'> Accueil</td></tr>
<tr><td id='f1' class='submenu'><a href="historique.html"()'> <img src='point.gif' border=0> Historique </a></td></tr>
<tr><td id='f2' class='submenu'><a href="orientations.html"()'> <img src='point.gif' border=0> Orientations </a></td></tr>
<tr><td id='f3' class='submenu'><a href="actualités.html"()'> <img src='point.gif' border=0> Actualités </a></td></tr>
<tr><td id='f4' class='submenu'><a href="nos partenaires.html"()'> <img src='point.gif' border=0> Nos partenaires </a></td></tr></table>
</div>
<div id='div2' class='class2' onmouseover='menu_show("s1")' onmouseout='menu_hide("s1")'>
<table ><tr><td class='menu'> Etalons </td></tr>
<tr><td id='s1' class='submenu'><a href="temple.html"()'> <img src='point.gif' border=0> Tree's Temple Le Sage </a></td></tr></table>
</div>
<div id='div3' class='class3' onmouseover='menu_show("t1","t2","t3","t4")' onmouseout='menu_hide("t1","t2","t3","t4")'>
<table ><tr><td class='menu'> Poulinières</td></tr>
<tr><td id='t1' class='submenu'><a href="quaomée.html"()'> <img src='point.gif' border=0> Quaomée La Sage </a></td></tr>
<tr><td id='t2' class='submenu'><a href="tulipe.html"()'> <img src='point.gif' border=0> Tulipe du Bocage </a></td></tr>
<tr><td id='t3' class='submenu'><a href="cockleshell.html"()'> <img src='point.gif' border=0> Plovers Cockleshell </a></td></tr>
<tr><td id='t4' class='submenu'><a href="origine.html"()'> <img src='point.gif' border=0> Origine Une de L'Hocre </a></td></tr></table>
</div>
<div id='div4' class='class4' onmouseover='menu_show("b1","b2","b3","b4","b5")' onmouseout='menu_hide("b1","b2","b3","b4","b5")'>
<table ><tr><td class='menu'> Production</td></tr>
<tr><td id='b1' class='submenu'><a href="2009.html"()'> <img src='point.gif' border=0> 2009 </a></td></tr>
<tr><td id='b2' class='submenu'><a href="2010.html"()'> <img src='point.gif' border=0> 2010 </a></td></tr>
<tr><td id='b3' class='submenu'><a href="2011.html"()'> <img src='point.gif' border=0> 2011 </a></td></tr>
<tr><td id='b4' class='submenu'><a href="2012.html"()'> <img src='point.gif' border=0> 2012 </a></td></tr>
<tr><td id='b5' class='submenu'><a href="2013.html"()'> <img src='point.gif' border=0> 2013 </a></td></tr></table>
</div>
<div id='div5' class='class5' onmouseover='menu_show("d1","d2","d3")' onmouseout='menu_hide("d1","d2","d3")'>
<table ><tr><td class='menu'> A la vente</td></tr>
<tr><td id='d1' class='submenu'><a href="index.html"()'> <img src='point.gif' border=0> ....... </a></td></tr>
<tr><td id='d2' class='submenu'><a href="index.html"()'> <img src='point.gif' border=0> ....... </a></td></tr>
<tr><td id='d3' class='submenu'><a href="index.html"()'> <img src='point.gif' border=0> ....... </a></td></tr></table>
</div>
<div id='div6' class='class6' onmouseover='menu_show("h1","h2","h3","h4","h5")' onmouseout='menu_hide("h1","h2","h3","h4","h5")'>
<table ><tr><td class='menu'> Album d'Or</td></tr>
<tr><td id='h1' class='submenu'><a href="sagesse.html"()'> <img src='point.gif' border=0> Sagesse des Retz </a></td></tr>
<tr><td id='h2' class='submenu'> <a href="victoria.html"()'> <img src='point.gif' border=0> Victoria Joiaker </a></td></tr>
<tr><td id='h3' class='submenu'> <a href="la luna.html"()'> <img src='point.gif' border=0> La Luna </a></td></tr>
<tr><td id='h4' class='submenu'> <a href="magic.html"()'> <img src='point.gif' border=0> Magic d'Aurélie </a></td></tr>
<tr><td id='h5' class='submenu'> <a href="autres.html"()'> <img src='point.gif' border=0> et les autres... </a></td></tr></table>
</div>
<div id='div7' class='class7' onmouseover='menu_show("k1")' onmouseout='menu_hide("k1")'>
<table ><tr><td class='menu'> Pour nous joindre </td></tr>
<tr><td id='k1' class='submenu'><a href="contact.html"()'> <img src='point.gif' border=0> Contact </a></td></tr></table>
</div> |
Menu déroulant ouvert au chargement de la page
Répondre avec citation
Partager