Discussion :

[awalter1]

Bonjour,
En regardant les possibilités de placement des objets en css, j'ai vu les directives padding et margin qui sont relativement claires (avec les sous directives padding-top, ... margin-left ...).
Par contre je trouve dans des exemples du web, des directives top, bottom, left, right non définies dans les tutoriels css que j'ai consulté, exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#fixe-haut
{
	background      : #6c123c url(fond-head.gif) repeat-x;
	height          : 100px;
	position		: fixed;
	top			: 0;
	width			: 100%;
	left			: 0;
	padding		: 0 0 0 0;
}

Merci

[Invité]

Bonjour,
tout est ici : http://www.w3schools.com/cssref/pr_pos_left.asp
Pour les autres, c'est dans le menu à gauche "CSS Properties".

[ouldfella]

margin et padding ne sont pas fait pour placer et positionner les balises en css,

utilise de préférence le style "position:" avec left:, top:, right: et bottom:.

[awalter1]

margin et padding ne sont pas fait pour placer et positionner les balises en css,

C'est fait pour quoi alors ? Je croyais avoir compris en lisant les cours et tutoriels pour apprendre CSS : http://css.developpez.com/cours/

Pour jreaux62, j'ai bien lu les sites proposés, j'ai toujours des difficultés pour comprendre les différences et dans quel cas on emploie l'un ou l'autre. Bizarrement, dans les tutoriels on explique soit l'un soit l'autre mais jamais les deux en même temps.
Merci

[NoSmoking]

Bonjour,

Par contre je trouve dans des exemples du web, des directives top, bottom, left, right non définies dans les tutoriels css que j'ai consulté, exemple :

pour une bonne entrée en matière il existe the W3C recommendation

[ouldfella]

margin c'est pour laisser de la marge, ça veut dire que cette marge reste toujour propre à l'élément pour lequel on a défini cette marge
padding c'est l’espacement à l’intérieur de l’élément c'est l’espace entre la bordure et le contenu, ce padding fait toujours partie de l'élément.
je te donne un autre exemple, est ce que ça serais judicieux si je positionne mon élément sur la fenêtre qui a une couleur blanche en définissant une largeur pour une bordure et lui donner une couleur blanche ?
si vous voyez ce que je veux dire

[Invité]

Voici une image pour illustrer margin, border et padding : http://www.w3.org/TR/css3-box/box.png
Extraite de : CSS basic box model
Ce sont des attributs intrinsèques à l'élément. Ils ne dépendent que de l'élément, ce n'est pas du positionnement.

Un positionnement se fait "par rapport à ..." ("par rapport au conteneur").
Nosmoking t'a donné le lien pour le positionnement avec left top bottom right.
Ils s'appliquent en concordance avec l'attribut position:... (absolute; fixed; )

[awalter1]

Merci, le lien montre une vue mélant top, margin, padding ... qui est bien utile. En réalité, ces concepts sont faciles à appréhender, par contre c'est leur comportement non attendue (lié à une inexpérience évidente) qui amène tant de difficultés, notamment avec l'attribut position.
Je ne comprends toujours pas la remarque de ouldfella

margin et padding ne sont pas fait pour placer et positionner les balises en css

Merci