|
|
|
|
Bonjour ,
j'ai un problème de compatibilité sur IE7 et vista avec ce css que j'ai trouvé bien conçu mais pas à jour .Après l'avoir transformé de plusieurs façons et étant débutant , je n'arrive toujours pas à le faire afficher corectement sur IE7; quel'qu'un aurait il une idée? le voici
Il s'agit d'afficher un menu horizontal avec un chargement rapide des images:
CSS :
style type="text/css">
body {
margin:2em; padding:0;
background: white;
}
#menu {
height: 25px;
margin: 3em 0; padding:0 1em;
border-bottom: 1px solid black;
}
div.outer {
float: left;
width: 120px; height: 25px;
margin: 0 3px 0 0;
background: url( 'bars.gif' ) 0 -50px no-repeat;
}
div.outer a {
display: block;
margin: 0; padding:0;
width:100%; height:100%;
overflow:hidden;
font: bold 13px/1 Georgia, serif;
color:#039;
text-decoration: none;
background: url( 'bars.gif' ) top left no-repeat;
}
div.outer span {
display: block;
margin:0; padding: 7px 0 0 13px;
}
div.outer a:hover {
background-image: none;
color: yellow;
}
div.outer a:active {
color: black;
}
</style>
Html :
<body>
<div id="menu">
<div class="outer"><a href="#"><span>First</span></a></div>
<div class="outer"><a href="#"><span>Second</span></a></div>
<div class="outer"><a href="#"><span>Third</span></a></div>
</div>
</body>
Configuration: Windows Vista Firefox 2.0.0.6
Bonjour,
|
Bonjour , oui en effet il manque ces éléments , pour l'instant le travaille en style incoproré.
Configuration: Windows Vista Internet Explorer 7.0 |
Donne moi l'url de ton code je vais regarder sur ton serv c'est plus simple
|