28173 sujets

CSS et mise en forme, CSS3

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/

<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
Salut commodo Smiley cligne ,

1) tes balises <a> n'ont pas une hauteur (height) suffisante : seule la partie haute des <li> est cliquable...

2) essaies peut-être d'enlever le . (point) après le 7...

A+
Heyoan tu me sauves encore la mise Smiley biggrin
pour le .1 c'est effectivement cela ca regle le pb
pour le .2 ca marche tjs pas pfffff j'ai pas envie de repasser mes images en gif mais il ne me reste plus que ça ...
OK merci je viens de regarder mais rien de satisfaisant.

En fait dans mon cas les images sont mises en "background" et ca doit etre pour cela que les differentes methodes puisees a droite et a gauche ne fonctionnent pas

ceci dit en passant la methode que j'ai trouvée la plus simple pour regler ce pb (en dehors de mon cas) n'est pas citee dans la faq

http://homepage.ntlworld.com/bobosola/index.htm