28173 sujets

CSS et mise en forme, CSS3

Hello

J'ai un DIV dnas lequel il y a une liste (ul) mais la liste se trouve à Xpx de la marge du DIV et impossible de la coller sur le bord gauche du DIV !!

Les attributs margin, position etc. rienn'y fait...

Une idée ?

J'ai bien trouvé une astuce ainsi qui déplace le DIV en négatif mais bon si il y "plus propre" et interagir dnas le DIV meme sur la lsite ça serait mieux :

	width: 600px;
	position: relative;
	margin-left: -42px;


Merci
Bonjour,

Difficile de t'aider sans voir le code évidemment... Il peut s'agir d'un padding appliqué à ton div conteneur, d'une marge par défaut appliqué à tes éléments de listes, enfin, de pleins de choses quoi...
Le sélecteur universel te permettra peut-être d'y voir déjà plus clair:



* {margin:0; padding:0;}

Quand on a ce genre de problème, on fait du debugging CSS. Deux outils, sous Firefox :
- Web Developer Toolbar
- Firebug

Le premier outil permet (entre autres) de rajouter des bordures à tous les éléments de type bloc (ou aux flottants, ou à des éléments personnalisés, ou à pas mal d'autres trucs encore), ce qui permet de visualiser les limites des éléments.

Le deuxième outil permet (entre autres) de sélectionner un élément et de voir d'où viennent les propriétés CSS qui s'y appliquent (styles par défaut du navigateur, styles hérités, styles propres de l'élément...).