CSS les blocs un mouvement à droite lorsque joint par ul, li, les balises/li

Question

J'utilise une combinaison de balises ul et li pour un menu et j'utiliser la boîte d'affichage et une couleur d'arrière-plan pour l'afficher sous forme de boutons problèmes est Dès que j'inscris les balises a en utilisant les boutons, je me déplace vers la droite un peu comme une indentation ou quelque chose comme ça.

J'ai essayé

list-style: none; 

mais que le travail ne marche pas quelqu'un pourrait-il proposer une solution à ce problème ..

Merci toute aide serait appréciée

Merci à tous pour l'effort +1 à toutes les réponses

Answer 1

Définissez padding-left et margin-left sur ul à 0.

Answer 2

Elément ul et/ou li sera donné une marge de défaut et/ou de remplissage par le navigateur. Essayez d'ajouter margin: 0; padding: 0 à votre ul, li {}.

Mieux encore, utilisez une réinitialisation CSS pour vous épargner les tracas avec cela, et bien d'autres éléments. Je recommande celui-ci: http://meyerweb.com/eric/tools/css/reset/

Answer 3

Avez-vous réinitialiser les styles de marge par défaut et rembourrage?

ul,li { 
margin:0; 
padding:0; 
} 

Answer 4

Vous devez vérifier la marge et le remplissage des éléments UL et LI et les définir sur une valeur spécifique. Tels que:

margin: 0; 
padding: 5px; 

A UL est généralement de style pour afficher avec une empreinte de la gauche, mais il pourrait aussi être le LI dans certains navigateurs (je crois).

Dans Firefox (w/Firebug), Chrome et IE9, vous pouvez vérifier les styles appliqués à l'aide des outils de développement disponibles. Cela aide vraiment à comprendre où les problèmes surgissent comme ça dans vos éléments affichés.

http://getfirebug.com/html

En outre, au cas où vous ne l'avez pas vu avant, regardez le modèle de boîte:

http://www.w3.org/TR/CSS2/box.html