Les boutons PNG ne s'allument pas correctement

Question

J'ai 6 images PNG que j'essaie d'aligner en tant que boutons sur une ligne. Tous les boutons ont tendance à s'aligner correctement pour le dernier. J'ai la marge gauche: 0px, donc tous les boutons collent ensemble ressemblant à une longue étiquette.

Pendant le chargement, si la page prend plus de temps, le dernier bouton se charge le plus rapidement et se charge donc partout.

Comment puis-je résoudre ce problème?

Merci.

Answer 1

1. 99% du temps, pour les menus, vous devriez utiliser des liens texte avec un image replacement method. Tout comme les tableaux ne doivent être utilisés que pour les données tabulaires, les images ne doivent être utilisées que pour les données sémantiquement visuelles. Les étiquettes <img> ont-elles une hauteur et une largeur explicites? c'est-à-dire <img src="#" height="100" width="60"/>? Si non, essayez de leur en donner un. Si ce n'est pas défini, le navigateur ne connaît pas la hauteur et la largeur de l'image tant qu'elle n'est pas chargée.

Answer 2

Essayez-les flotter gauche ou à droite (en fonction de votre mise en page) et ou les faire blocs:

.myimg {float: left; bloc de visualisation; }