salut à tous,
je suis en train de recoder en xhtml /css le site de Yaki, un grossiste en communication lumineuse et j'ai besoin d'un petit éclairage !
J'ai 2 problemes :
1) le premier concerne les liens des boutons. Ils ne marchent pas du tout
J'utilise le code html suivant (extrait):
http://www.yaki.fr/
et le code css qui va avec est le suivant (extrait) :
2) Et le deuxieme probleme concerne un pb de compatibilite d'IE 6 avec les PNG transparent, j'ai essayé le script pngfix en l'appellant de la facon suivante :
mais cela ne marche toujours pas ...
Quelqu'un a il deja ete confronte a ces problemes ?
Merci bcp
je suis en train de recoder en xhtml /css le site de Yaki, un grossiste en communication lumineuse et j'ai besoin d'un petit éclairage !
J'ai 2 problemes :
1) le premier concerne les liens des boutons. Ils ne marchent pas du tout
J'utilise le code html suivant (extrait):
http://www.yaki.fr/
<ul id="boutons">
<li id="bouton1"><a href="/catalogue/-Produits-">YAKI LED</a></li>
<li id="bouton2"><a href="/catalogue/-Produits-Neon-">YAKI NEON</a></li>
</ul>
et le code css qui va avec est le suivant (extrait) :
ul#boutons li {
list-style-type: none;
float: left;
}
ul#boutons li {
list-style-type: none;
}
ul#boutons a {
text-decoration: none;
display: block;
text-indent: -2000px; }
li#bouton1 {
background-image: url(/interface-img/yaki-led-i.png);
height: 94px;
width: 371px;
}
li#bouton1:hover{
background-image: url(/interface-img/yaki-led-a.png);
}
li#bouton2 {
background-image: url(/interface-img/yaki-neon-i.png);
height: 96px;
width: 370px;
}
li#bouton2:hover{
background-image: url(/interface-img/yaki-neon-a.png);
}
2) Et le deuxieme probleme concerne un pb de compatibilite d'IE 6 avec les PNG transparent, j'ai essayé le script pngfix en l'appellant de la facon suivante :
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
mais cela ne marche toujours pas ...
Quelqu'un a il deja ete confronte a ces problemes ?
Merci bcp