Bonjour,
Je sèche. J'ai un menu qui fonctionnait jusqu'alors avec Firefox, Chrome et IE10 (et IE9). Je ne vois pas ce qui bloque, depuis aujourd'hui (et je ne sais pas pourquoi..) sous IE10 je n'ai plus qu'une partie du menu qui s'affiche..(et jusqu'à hier ça fonctionnait..)...
ça coince juste après le menu Espagne.
Vous pouvez le voir ici
j'ai mis ça dans le fichier index
Code:
1
2<meta http-equiv="X-UA-Compatible" content="IE=9" /> et je passe les détail, un include du fichier index.html
mon code Menu.html
Code:
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118 <!-- DEBUT MENU --> <style type="text/css"> body{padding:20px; font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif;} h2 {font-weight:bold; color:#000099; margin:10px 0px; } p span {color:#006600; font-weight:bold; } a, a:link, a:visited {color:#0000FF;} textarea {width: 100%; padding: 10px; margin: 10px 0 15px 0; font-size: 13px; font-family: Consolas,monospace;} textarea.html {height: 300px;} p {margin: 0 0 10px 0;} code, pre {font-family: Consolas,monospace; color: green;} ol li {margin: 0 0 15px 0;} </style> <link rel="stylesheet" type="text/css" href="style.css" /> <div id='cssmenu'> <ul> <li><a href='../../index_compostelle.php'><span>Accueil</span></a></li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/photos-videos/videos.php'><span>Vidéos</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/photos-videos/videos-pelerinage-compostelle.php'><span>Vidéos d'un pèlerinage</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/photos-videos/videos-yvon-boelle-compostelle.php'><span>Vidéo Yvon Boëlle</span></a></li> <li class='last'><a href='http://www.youtube.com/embed/hCwuF5BuIcc' target="_blank"><span>Vidéo Cathédrale de Santiago</span></a></li> <li><a href='http://photos.cheminsdecompostelle.info/' target='_blank'><span>Les photos...</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/livres/livres.php'><span>Livres</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/livres/choisir-un-guide-pelerinage-compostelle.php'><span>Choisir un guide ?</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/livres/acheter-un-guide-pelerinage-compostelle.php'><span>Acheter un guide</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/livres/guides-ffrp-pelerinage-compostelle.php'><span>Guides de la FFRP</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/livres/acheter-un-guide-miam-miam-pelerinage-compostelle.php'><span>Guides Miam-miam Dodo</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/livres/autres-livres-pelerinage-compostelle.php'><span>Autres livres</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/livres/livres-du-mois-pelerinage-compostelle.php'><span>Le livre du mois</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/sante/sante-soins-compostelle.php'><span>Santé</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/sante/trousse-pharmacie-compostelle.php'><span>La trousse à pharmacie</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/sante/tendinite-pelerinage-compostelle.php'><span>La tendinite</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/sante/ampoules-pelerinage-compostelle.php'><span>Les ampoules</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/sante/punaises-de-lit-pelerinage-compostelle.php'><span>Les punaises de lit</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/pratique/conseils-pratiques-compostelle.php'><span>Pratique</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/pratique/se-preparer-pour-compostelle.php'><span>Résumé</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/nourriture-pelerinage-compostelle.php'><span>La nourriture</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/vetements-pelerinage-compostelle.php'><span>Les vêtements</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/chaussures-pelerinage-compostelle.php'><span>Les chaussures</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/sac-a-dos-pelerinage-compostelle.php'><span>Le sac à dos</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/meteo-pelerinage-compostelle.php'><span>La météo</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/planifier-son-pelerinage-compostelle.php'><span>Planifier son pèlerinage</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/quand-partir-pour-pelerinage-compostelle.php'><span>Quand partir ?</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/journee-pelerinage-compostelle.php'><span>Journée d'un pèlerin</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/statistiques/statistiques-pelerinage-compostelle.php'><span>Statistiques</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/pratique/gps-pelerinage-compostelle.php'><span>GPS et Compostelle</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/credencial/credencial-pour-compostelle.php'><span>Utilité de la Credencial</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/credencial/ou-se-procurer-credencial-pour-compostelle.php'><span>Où acheter la Credencial ?</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/france/france.php'><span>France</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/france/chemins-historiques-pelerinage-compostelle.php'><span>Les chemins historiques</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/carte-itineraire-pour-compostelle.php'><span>Cartes Topographiques</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/hebergement-france-pelerinage-compostelle.php'><span>Hébergements pour pèlerin</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/puy-en-velay-pelerinage-compostelle.php'><span>Chemin du Puy en Velay</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/vezelay-pelerinage-compostelle.php'><span>Chemin de Vézelay</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/creuse-pelerinage-compostelle.php'><span>Chemin dans la Creuse</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/rocamadour-pelerinage-compostelle.php'><span>Voie de Rocamadour</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/arles-pelerinage-compostelle.php'><span>Voie d'Arles</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/bretagne-normandie-pelerinage-compostelle.php'><span>Bretagne et Normandie</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/mont-st-michel-chartres-pelerinage-compostelle.php'><span>Mont St-Michel/Chartres</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/france/boutique-pelerinage-compostelle.php'><span>Les boutiques</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/espagne/espagne-compostelle.php'><span>Espagne</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/espagne/quitter-santiago-saint-jacques-de-compostelle.php'><span>Quitter Santiago</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/camino-frances-pelerinage-compostelle.php'><span>Le Camino Frances</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/meteo-espagne-pelerinage-compostelle.php'><span>La météo en Espagne</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/fontaine-vin-irache-camino-frances-compostelle.php'><span>La fontaine à vin d'Irache</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/a-voir-sur-camino-frances-pelerinage-compostelle.php'><span>A voir sur Camino Frances</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/telephone-espagne-pelerinage-compostelle.php'><span>Le téléphone en Espagne</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/gites-albergues-espagne-pelerinage-compostelle.php'><span>Les gîtes en Espagne</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/camino-del-norte-espagne-pelerinage-compostelle.php'><span>Camino del Norte</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/catalogne-espagne-pelerinage-compostelle.php'><span>Le Chemin en Catalogne</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/col-du-somport-espagne-pelerinage-compostelle.php'><span>Le col du Somport</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/espagne/chemin-portugais-pelerinage-compostelle.php'><span>Le chemin Portugais</span> <li><a href='http://www.chemin-compostelle.info/france/carte-itineraire-pour-compostelle.php'><span>Cartes Topographiques</span></a></li></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/recits/recits-compostelle.php'><span>Récits</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/recits/recit-d_un-pelerin-compostelle.php'><span>Récit d'un pèlerin</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/spleen-du-retour-de-compostelle.php'><span>Spleen du retour</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/camino-frances/01-St-Jean-Huntto-pelerinage-compostelle.php'><span>Le Camino Frances</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/puy-en-velay/01-preparatifs-et-premiere-etape.php'><span>Le Puy en Velay</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/vallee-du-cele/01-pelerinage-compostelle-conques-livinhac-le-haut.php'><span>Variante par la vallée du Célé</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/ultreia-et-suseia-pelerinage-compostelle.php'><span>Ultreïa et Suseia ?</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/pierre-du-diable-pelerinage-compostelle.php'><span>La pierre du diable</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/stele-roncevaux-pelerinage-compostelle.php'><span>Stèle Roncevaux</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/paulo-coelho-pelerinage-compostelle.php'><span>Paulo Coelho</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/recits/vrais-faux-pelerins-compostelle.php'><span>Vrais ou faux pèlerins ?</span></a></li> </ul> </li> <li class='has-sub'><a href='http://www.chemin-compostelle.info/liens/liens-compostelle.php'><span>Liens</span></a> <ul> <li><a href='http://www.chemin-compostelle.info/liens/liens-hebergement-pelerinage-compostelle.php'><span>Hébergements</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-associations-compostelle.php'><span>Associations</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-francais-compostelle.php'><span>Sites Français</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-offices-de-tourisme-compostelle.php'><span>Offices de tourisme</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-espagnols-compostelle.php'><span>Sites Espagnols</span></a></li> <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-voyages.php'><span>Sites de voyages</span></a></li> </ul> </li> <li class='last'><a href='http://www.chemin-compostelle.info/formulaire/formulaire-compostelle.php'><span>Contact</span></a></li> </ul> </div>
mon code Css
à force d'essayer de trouver je ne vois plus rien....Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 #cssmenu{ height:37px; display:block; padding:0; margin: 0; border:1px solid; border-radius:5px; } #cssmenu > ul {list-style:inside none; padding:0; margin:0;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} #cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} #cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } #cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } #cssmenu{border-color:#000;} #cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} #cssmenu > ul > li > a:after{border-color:#444;} #cssmenu > ul > li > a:hover{background:#111;}
si quelqu'un pouvait m'aider...merci
Gérard