Discussion :

[gambi]

Bonjour,

J'ai deux questions
je vois des exemples du style @page
Je connais dièse (#) et point(.) mais arobase (@) ça veut dire quoi ?

quand j'écris le code suivant

Code :

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

1
2
3
4
5
6
 
@page:first
{
	size:portrait;
    	margin-left:2.5cm;
}

Le validateur w3c me retourne

Propriété erronée : margin-left La propriété margin-left n'existe pas en CSS niveau 3. mais existe en [css1, css2, css21] : 2cm

alors qu'avec le code suivant, je n'ai pas d'erreur

Code :

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

1
2
3
4
5
 
div.Structurel p:last-child
{
    	margin-left:2.5cm;
}

Qu'est-ce qui cloche dans mon code ?

[Muchos]

Vous êtes un peu à côté, mais perso je ne peux pas vous en vouloir car je n'ai pas compris grand' chose non plus.

@page est une requête consacrée à l'impression, et notamment à des modifications poussées de la disposition des pages droite/gauche, des coupures, du contenu des blocs autour de la page…
Néanmoins, je n'ai pas réussi à l'utiliser (il semble que les navigateurs fassent un peu ce qu'ils veulent).
Pour info, ça n'a rien à voir avec les identifiants (#) ou classes (.).

Devant votre problème, j'utiliserais tout simplement une requête média pour l'impression :

Code css :

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

1
2
3
4
 
@media print {
body { margin: 2.5cm; }
}

[Bovino]

Surtout, @page:first n'est actuellement supporté que par IE8+ et Opera...

[gambi]

Merci pour vos réponses qui m'ont bien éclairées