Problème menu avec explorer

**punisher999** · 30/04/2008, 03h57

Bonjour, voici mon site

http://www.nordiks.com

Avec explorer, on peut voir que le Communauté est en dessous du Accueil. Je veux que la ligne se continue.

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
table, input, select { font-size: 12px; font-family: arial }
 
a:link {color: #014194;}
a:visited {color: #014194;}
#a:hover {background-color: #eee;}
 
/* menu styles */
 
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(/images/sub_expand_default.gif); width:7px; height:9px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(/images/sub_expand_on.gif); background-repeat:no-repeat;background-position:top left;}
 
/* --[[ Main Container ]]-- */
#imouter0 {background-image:url(/images/navi_bg.gif); border-style: solid; border-color: #fff; border-width: 4 0 0 0; padding:0px; margin:0px -90px 0px 0px ; background-repeat:repeat-x; }
 
/* --[[ Sub Container ]]-- */
#imenus0 li ul {background-color:#014194; border-style: none; border-color:#000000; border-width:1px 2px 2px 2px ; padding:0px; margin:4px 0px 0px ; }
 
/* --[[ Main Items ]]-- */
#imenus0 li a {color:#fff; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; border-style: solid; border-color:#fff; border-width: 0 1 0 0; padding:2px 4px 4px 2px ;  }
 
	/* [hover] - These settings must be duplicated for IE compatibility.*/
	#imenus0 li:hover>a {background-color:#AD0000; color:#fff; border-style:inset; border-color:#000000; }
	#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#AD0000; color:#fff; border-style:inset; border-color:#000000; }
 
	/* [active] */
	#imenus0 li a.iactive {}
 
 
/* --[[ Sub Items ]]-- */
#imenus0 ul a {color: #fff; text-align:left; font-size:12px; font-weight:normal; text-decoration:none; border-style:none; padding:2px; }
 
	/* [hover] - These settings must be duplicated for IE comptatibility.*/
	#imenus0 ul li:hover>a {background-color:#AD0000; color:#fff; }
	#imenus0 ul li a.ihover {background-color:#AD0000; color:#fff; }
 
	/* [active] */
	#imenus0 ul li a.iactive {text-decoration:underline; }
 
	/* [Dividers] */
	#imenus0 .dvs {border-bottom-width:1px; border-style:solid; border-color:#fff; }
 
	#siteNavigationMenu {
	float: left;
	width: 995px;
	height: 35px;
}
 
 
#fullNavi {
	float: left;
	width: 995px;
	height: 213px;
	clear: both;
	background-image: url(http://www.nordiks.com/images/menubar.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#fullNavi #searchJumpLogos {
	float: left;
	width: 955px;
	height: 55px;
	text-align: right;
}
#floatingShield {
	display: block;
	float: left;
	width: 995px;
	height: 115px;
	position: ;
	top: 0;
	left: 0;
}

index.html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
 
 
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 
    <title>Nordiks de La Plaine - Site Officiel</title>
 
	<meta name="description"></meta>
	<meta content="en" http-equiv="content-language"></meta>
 
 
 
	<link media="screen" href="css/nordiks.css" type="text/css" rel="stylesheet"></link>
 
 
 
 
 
 
	<!--[imcss] *** Infinite Menus Core CSS: Keep this section in the document head for full validation. -->
	<style type="text/css">
	.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}.imcm li a img{vertical-align:top;display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover  .imsubc{visibility:visible;}.imde ul ul ul li:hover  .imsubc{visibility:visible;}.imde li:hover ul  .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul  .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:0px;height:0px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imclear,.imclear{font-size:1px;}/**/
    </style><!--[if IE]><style type="text/css">.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]--><!--end-->
 
	<!--[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. -->
	<!--end-->
</head>
<body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0" id="nhlDotComBody">
 
 
 
 
	<DIV id=frozenMomentTease><!-- end adPlusDeal -->
      <!-- end gameReel -->
<div id="fullNavi">
 
		<div id="floatingShield">		  <img width="1" height="1" onload="javascript:fixIePng(this)" src="http://www.brainstormhost.com/~crazycri/images/shield.png" border="0"></img>		</div>
 
		<div id="searchJumpLogos">
 
			<div id="searchJump">
 
				<div id="search">
				  <div id="mini" class="searchBoxBlock" style="display:block" valign="top">
						<form name="gs" method="GET" action=" http://search.nhl.com/search">
						</form>
				  </div>
					<div id="afs" class="searchBoxBlock" style="display:none" nowrap="nowrap" valign="top">
						<form name="ws" method="GET" action=" http://www.nhl.com/search/websearch.html" target="_top">
						<input type="text" name="q" size="30" maxlength="128" value="" id="afsbox"></input>
						<strong> <input type="hidden" name="searchType" /> &nbsp; <a href="javascript:document.ws.submit()">Search Google</a>  </strong> 
						<input type="hidden" name="client" value="pub-2798734446892508"></input>
 
						<input type="hidden" name="forid" value="1"></input>
						<input type="hidden" name="ie" value="ISO-8859-1"></input>
						<input type="hidden" name="oe" value="ISO-8859-1"></input>
						<input type="hidden" name="channel" value="8013585397"></input>
						<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#EFEFEF;VLC:663399;AH:center;ALC:333333;LC:083880;BGC:FFFFFF;T:000000;LBGC:336699;GFNT:083880;GIMP:083880;S: http://www.nhl.com;FORID:11;"></input>
						<input type="hidden" name="hl" value="en"></input>
						</form>
					</div>
			  </div><!-- end search -->
 
			  <div id="jump"></div>
				<!-- end jump -->
			</div><!-- end searchJump -->
			<!-- end naviLogos -->
        </div>
		<!-- end searchJumpLogos -->
 
				<div id="siteNavigationMenu">
			<div class="imrcmain0 imgl" style="z-index:99;position:relative;">
<div class="imcm imde" id="imouter0">
<ul id="imenus0">
 
	<li style="width:90"><a href="index.html">Accueil</a> </li>
<li style="width:90"><a href="">Nouvelles</a> </li>
<li style="width:90"><a href="equipe.html">Équipe</a> </li>
 
<li style="width:90"><a href=""><span
		class="imea imeam"><span></span></span>Calendrier</a> 
  <div class="imsc">
	<div class="imsubc" style="width:170px;top:-5px;left:0px;">
	<ul style="">
		<li class="dvs"><a href="">Saison</a> </li><li class="dvs"><a href="">Entraînement</a> </li>
	</ul>
	</div>
	</div>
</li>
<li style="width:90"><a href="classement.html">Classement</a> </li>
<li style="width:90"><a href="">Statistiques</a> </li>
<li style="width:90"><a href="">Partenaire</a> </li>
<li style="width:90"><a href="">Communauté</a> </li>
 
<div class="imclear">&nbsp;
	  <script src="http://www.nhl.com/scripts/ocscript.js" language="JavaScript" type="text/javascript"></script>
</div>
<table width="997" height="369" border="0">
              <tr>
                <td width="507" height="334" bgcolor="#FFFFFF" class="content" id="left"><div id="accueilNews">
                    <h1 class="Style9"><span id="lblNews">Nouvelles</span> de la semaine </h1>
                    <div id="aLaUne">
                      <div>
                        <div> <img src="http://daniel.tasca.free.fr/images/page_en_construction.gif" name="FirstArticle1_imgPhoto" width="406" height="190" id="FirstArticle1_imgPhoto" />
                          <h1 class="Style10">Le site est présentement en construction ! </h1>
                        </div>
                        <div> Les travaux ont débuté pour la nouvelle version du site internet des Nordiks de La Plaine. J'espère que vous allez appréciez. Je vais faire en mon possible pour que le tout soit près d'ici la <strong>fin avril</strong>. Je ne vous garanti rien par contre. </div>
                      </div>
                  </div>
                  <div id="listeNews">
                    <div class="newsBloc">
                        <div class="floatLeft"></div>
                      <div id="repOtherArticles_ctl04_OtherArticle1_divParagraph" class="paragraphe"></div>
                    </div>
                  </div>
                </div>                </td>
                <td width="503" rowspan="2" align="left" valign="top" bordercolor="#EBE9ED" bgcolor="#FFFFFF"><table width="484" height="80" border="0" align="center">
                    <tr valign="top">
                      <td height="17" colspan="5"><img src="http://www.nordiks.com/images/nextmatch.jpg" width="478" height="20"></td>
                    </tr>
                    <tr valign="top">
                      <td width="158" align="center" valign="middle"><div align="center"><img src="http://www.nordiks.com/images/Nordiks logo2.jpg" width="99" height="87"></div></td>
                      <td align="center" valign="middle">&nbsp;</td>
                      <td align="center" valign="middle"><div align="center" class="Style20">VS</div></td>
                      <td align="center" valign="middle">&nbsp;</td>
                      <td width="156" align="center" valign="middle"><div align="center"><img src="http://www.nordiks.com/images/Nordiks logo2.jpg" width="99" height="87"></div></td>
                    </tr>
                    <tr valign="top">
                      <td height="17" colspan="5"><div align="center">Date inconnue pour le moment </div></td>
                    </tr>
                    <tr valign="top">
                      <td height="17" colspan="5"><img src="http://www.nordiks.com/images/lastmatch.jpg" width="478" height="20"></td>
                    </tr>
                    <tr valign="top">
                      <td height="17" align="center" valign="middle"><img src="http://www.nordiks.com/images/Nordiks logo2.jpg" width="99" height="87"></td>
                      <td width="60" height="17" align="center" valign="middle"><span class="Style22">0</span></td>
                      <td width="25" align="center" valign="middle"><strong class="Style20">VS</strong></td>
                      <td width="63" align="center" valign="middle"><span class="Style22">0</span></td>
                      <td height="17" align="center" valign="middle"><div align="center"><img src="http://www.nordiks.com/images/Nordiks logo2.jpg" width="99" height="87"></div></td>
                    </tr>
                    <tr valign="top">
                      <td height="17" colspan="5">&nbsp;</td>
                    </tr>
                    <tr valign="top">
                      <td height="17" colspan="5" bgcolor="#666666"><div align="center"><span class="Style19">Sommaire du match </span></div></td>
                    </tr>
                  </table>                  
                  <p>&nbsp;</p></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF" class="content" id="left">&nbsp;</td>
              </tr>
</table>
<p>&nbsp;</p>
			<p>&nbsp;</p>
</body>
</html>

Merci de m'aider.

**Damouille** · 30/04/2008, 04h36

Bonjour,
Je ne sais pas si c'est la cause ton problème mais ton document ne comporte pas de doctype. De plus la syntax de ton html n'est pas valide. Par exemple tu fermes tes balises meta et img par des </meta> </img>, ce qui n'est pas valide en HTML. Peut etre que tu souhaites consever une compatibilité xml, dans ce cas, utilise un doctype de type xhtml transitional prévu à cet effet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img.jpg" alt="image" />

**punisher999** · 30/04/2008, 05h17

J'ai réussi à régler mon problème, par contre l'image de fond des menus ne fonctionne plus.

Je veux afficher ce background.

http://www.nordiks.com/images/navi_bg.gif

Pourtant, je l'ai bien mis dans le CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
/* --[[ Main Container ]]-- */
#imouter0 {background-image:url(http://www.nordiks.com/images/navi_bg.gif); border-style: solid; border-color: #fff; border-width: 4 0 0 0; padding:0px; margin:0px 5px 0px 0px ; }

Problème menu avec explorer

CSS

Vue hybride

Discussions similaires

Partager

Partager