DizTest par PapyClic

Nom de l'attribut	Nom CSS	Valeur	Valeurs possibles
Couleur de fond	background	Choisir
Image de fond	background-image		Adresse d'une image (clic droit>propriétés sur une image)
Répetition de l'image de fond	background-repeat	Non ( l'image n'est affichée qu'une seule fois )Oui (répétition horizontale et verticale)HorizontaleVerticale	Dépend de l'image de fond
Largeur	width		Dimension en pixels (ex : 200px)
Marge intérieure haute	padding-top		Dimension (ex: 10px)
Marge intérieure gauche	padding-left		Dimension (ex: 10px)
Marge intérieure droite	padding-right		Dimension (ex: 10px)
Marge intérieure basse	padding-bottom		Dimension (ex: 10px)

 

#cadre
{
position: relative;
background : #FFEFBD;
background-image : url(http://);
background-repeat:repeat;
background-attachment:fixed;
width : 968px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
}

Les 2 lignes suivantes par défaut...
text-align : left;
background-attachment:fixed;

 

L'attribut suivant margin : auto; mis sous cette forme groupée permet d'éviter 2 lignes dans l'assistant, mais surtout la partie "Cadre" sera centrée automatiquement dans la page. Ce qui veut dire par exemple, qu'il est possible en supposant que la largeur du cadre soit plus petite que 968px, on pourrait le placer plus à gauche ou à droite en mettant les attributs détaillés : margin-left et margin-right et dans ce cas on retrouverait ces attributs dans l'assistant.

 

L'attribut  border : 1px solid #000000; également sous sa forme groupée, évite des lignes mais n'apparaît pas dans l'assistant. En détaillant sous la forme suivante :

border-width : 1px;
border-style : solid;
border-color : #000000;

vous retrouverez les 3 lignes dans le formulaire assistant.