Discussion :

[nico44530]

Bonjour,

J'ai un menu en onglet, avec des background-image
Le problème c'est que un background-image ne s'affiche pas correctement sous IE7 malgré le background-position.

Je crois que c'est le div du code html qui ne s'affiche sous IE7

Voici le code html :

Code :

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

1
2
3
4
5
6
7
 
<div id="page-tabs">
<ul>
<li class="selected"><div></div><a href="index.php">Créer un compte</a></li>
<li class="last"><div></div><a href="index.php">Connexion</a><div class="last"></div></li>
</ul>
</div>

Voici le code 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
 
#page-tabs {
	overflow: hidden;
	position: relative;
	margin-top: 17px;
	float: right;
	top: 2px;
}
#page-tabs ul{list-style:none;top:2px}
#page-tabs li{float:left;font-size:11px;display:inline;height:27px;line-height:27px;margin:0}
#page-tabs div{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -135px no-repeat;float:left;height:27px;width:26px}
#page-tabs a{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 0 repeat-x;color:#555555;float:left;padding:0 8px;text-decoration: none;}
#page-tabs a:hover,#page-tabs a:focus{color:#333333;text-decoration:none}
#page-tabs .last .last{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -54px no-repeat;width:21px}
#page-tabs li:first-child div:first-child,#page-tabs .selected:first-child div:first-child{width:9px}
#page-tabs li:first-child div:first-child{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -27px no-repeat}
#page-tabs .selected a{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -270px repeat-x}
#page-tabs .selected div{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -324px no-repeat}
#page-tabs .selected.last .last{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -108px no-repeat}
#page-tabs .selected + li div{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -297px no-repeat}
#page-tabs .selected:first-child div:first-child{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -81px no-repeat}
#page-tabs .right{float:right}
#page-tabs .right li:first-child div:first-child,#page-tabs .right .selected:first-child div:first-child{width:21px}
#page-tabs .right li:first-child div:first-child{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -162px no-repeat}
#page-tabs .right .last .last{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -189px no-repeat;width:9px}
#page-tabs .right .selected.last .last{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -243px no-repeat}
#page-tabs .right .selected:first-child div:first-child{background:url('http://1.envato-static.com/images/sprites/tabs-2d49abf602.png') 0 -216px no-repeat}

Voici le lien : http://www.web-astronomie.fr

Merci d'avance pour vos réponses

[NoSmoking]

Bonjour,
heu...il est où le menu en onglet ?