Discussion :

[wask_]

Bonjour,

Je commence un site et j'ai rencontré un problème dès le début.

L'affichage de mon menu sur firefox, safari et chrome marche sans probleme. Internet explorer par contre...

Voila ce que j'obtiens avec firefox:




Et sur Internet explorer:



Je joins les fichiers html et css.

Je passe mon examen de concepteur multimédia et le web est de loin pas mon point fort. Le problème étant majeur tout aide serait hautement apprécié.

Merci beaucoup!

[nico le noob]

salut,

moi j'aurai fait comme ça:

HTML:

Code :

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

1
2
3
4
5
<ul id="menu">
	<li><a href="#" </a><img src="../img/news.png" title="les news" /></li>
        <li><a href="#" </a><img src="../img/media.png" title="media" /></li>
        <li><a href="#" </a><img src="../img/shop.png" title="shopping" /></li>
</ul>

CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
.menu
{
height:100px;width:300px;
}
.menu li a
{
	float:left;
	height:100px;
        width:300px;
}

les valeurs sont fausses mais la manière est bonne a toi de voir pour ton exemple a toi
Cdt

[wask_]

Merci pour ta réponse!

Seulement si j'ai bien compris l'image serait alors fix ?

Car dans mon menu les images se comporte ainsi:

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
#menu {
  list-style: none;
  width: 850px;
  height: 20px;
  position: relative;
 
}
 
#menu a {
  display: block;
  text-indent: -900%;
  position:absolute;
  outline:none;
}
 
#menu a:hover {
  background-position: right bottom;
}
 
#menu .news {
  width: 85px;
  height: 20px;
  background:url(../img/news.png) no-repeat;
  left:0;
}

[nico le noob]

salut,

tu peux utiliser un simple margin-right de 130px par exemple:

Code :

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

1
2
3
4
#menu a 
{
margin-right:130px;
}

qui te donnera une marge de 130pixels sur le coté droit comme sur ton image de base (a peu près 130px...)

Cdt

[wask_]

Et du coup je vire ca ? :

Code :

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

1
2
3
4
5
6
#menu .news {
width: 85px;
height: 20px;
background:url(../img/news.png) no-repeat;
left:0;
}

[nico le noob]

bha sur l'exemple que je t'ai donné plus haut l'image est directement declaré dans l'HTML donc plus besoin de la redeclarer par contre tu peux toujours lui donner une classe...
essaye et apres vois par toi meme