Bonjour,
J'ai un petit soucis de compatibilité sur IE6 voici le résultats que j'obtiens
http://img215.imageshack.us/my.php?image=bugietg9.jpg
Pourtant sur FF sa marche nickel.
Voici les différent problème et leur code CSS
Pour les image des drapeaux en haut a gauche
voici le code css
<code type="css">
#anglais
{
width:20px;
height:20px;
margin-top:0px;
margin-left:15px;
background-image:url('../image/site/interface3/anglais.png');
position:relative;
cursor:pointer;
}
#favoris
{
width:20px;
height:20px;
margin-top:-20px;
margin-left:40px;
background-image:url('../image/site/interface3/favoris2.png');
position:relative;
cursor:pointer;
}
#francais
{
width:20px;
height:20px;
cursor:pointer;
margin-left:-10px;
background-image:url('../image/site/interface3/francais.png');
position:absolute;
}
</code>
Pour ce qui est du corps central voici le code
<code type="css">
#corps {
padding:3px 0px 0px 0px;
width:577px;
margin:0px 0px 0px 4px;
float:left;
display:inline;
}
</code>
et pour ce qui est de l'image du bloque recherche voici le code
<code type="css">
.recherche_input{
border:0;
color:black;
padding-left:10px;
padding-top:2px;
width:130px;
height:19px;
background-image:url('../image/site/interface3/input.png');
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/site/interface3/input.png');
cursor:text;
background-repeat:no-repeat;
}
</code>
Je remercie d'avance les personne qui pourront m'aider a résoudre le problème
Salutation
Modifié par lola12 (29 Sep 2008 - 16:28)
J'ai un petit soucis de compatibilité sur IE6 voici le résultats que j'obtiens
http://img215.imageshack.us/my.php?image=bugietg9.jpg
Pourtant sur FF sa marche nickel.
Voici les différent problème et leur code CSS
Pour les image des drapeaux en haut a gauche
voici le code css
<code type="css">
#anglais
{
width:20px;
height:20px;
margin-top:0px;
margin-left:15px;
background-image:url('../image/site/interface3/anglais.png');
position:relative;
cursor:pointer;
}
#favoris
{
width:20px;
height:20px;
margin-top:-20px;
margin-left:40px;
background-image:url('../image/site/interface3/favoris2.png');
position:relative;
cursor:pointer;
}
#francais
{
width:20px;
height:20px;
cursor:pointer;
margin-left:-10px;
background-image:url('../image/site/interface3/francais.png');
position:absolute;
}
</code>
Pour ce qui est du corps central voici le code
<code type="css">
#corps {
padding:3px 0px 0px 0px;
width:577px;
margin:0px 0px 0px 4px;
float:left;
display:inline;
}
</code>
et pour ce qui est de l'image du bloque recherche voici le code
<code type="css">
.recherche_input{
border:0;
color:black;
padding-left:10px;
padding-top:2px;
width:130px;
height:19px;
background-image:url('../image/site/interface3/input.png');
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/site/interface3/input.png');
cursor:text;
background-repeat:no-repeat;
}
</code>
Je remercie d'avance les personne qui pourront m'aider a résoudre le problème
Salutation
Modifié par lola12 (29 Sep 2008 - 16:28)