CSS ne peut pas aligner correctement le menu à onglets

Pourriez-vous s'il vous plaît m'aider à réparer mon menu dans IE7.CSS ne peut pas aligner correctement le menu à onglets

Le code est:

<ul id="layer1"> 
<li  id="current" > 
    <span><a href="/">Главная</a></span> 
</li> 



#menu { 
margin-left:150px; 
} 
#menu ul#layer1 { 
list-style-image:none; 
list-style-position:outside; 
list-style-type:none; 
margin:0 auto; 
padding:0; 
} 
#menu ul#layer1 li { 
background:transparent url(/site_media/images/left.png) no-repeat scroll left top; 
float:left; 
margin-left:6px; 
padding-bottom:6px; 
padding-left:6px; 
padding-top:4px; 
} 
#menu ul#layer1 li span { 
background:transparent url(/site_media/images/right.jpg) no-repeat scroll right top; 
margin-right:6px; 
padding-bottom:6px; 
padding-right:6px; 
padding-top:4px; 
} 
#menu li a { 
background-color:#BF1E2D; 
color:#FFFFFF; 
padding:4px 35px 6px; 
text-decoration:none; 
} 
#menu ul#layer1 li#current span { 
background:transparent url(/site_media/images/right-gray.png) no-repeat scroll right top; 
} 
#menu ul#layer1 li#current { 
background:transparent url(/site_media/images/left-gray.png) no-repeat scroll left top; 
} 
#menu ul#layer1 li#current a { 
background-color:#E3E3E3; 
color:#BF1E2D; 
}

Vous pouvez également consulter le site ici http://j-in.org.ua:9000

Source

2009-06-21 Anonymous

C'est pas une question. S'il vous plaît dites-nous quel est votre problème. Je ne pouvais pas voir quelque chose de différent dans IE7 lors de la comparaison avec Chrome. – Blixt

Merci pour si réponse rapide: ce que je vois dans IE7 est http://img.skitch.com/20090621-cxi22xbi6nfmp7d92g1xf9rh56.jpg Et il est cassé :( –

Quels sont les navigateurs dans ce travail – anderstornvig

Retirez le rembourrage haut et en bas de la li et flotter la durée gauche:

#menu ul#layer1 li{ 
    background: url(left.png) left top no-repeat; 
    margin-left:6px; 
    padding-left: 6px; 
    float: left; 
} 

#menu ul#layer1 li span{ 
    background: url(right.jpg) right top no-repeat; 
    padding-right:6px; 
    margin-right: 6px; 
    padding-top: 4px; 
    padding-bottom: 6px; 
    float:left; 
}

Source

2009-06-21 19:17:08 Emily

CSS ne peut pas aligner correctement le menu à onglets

Répondre

Questions connexes