Discussion :

[Benzeghiba]

Bonjour,

J'ai une DIV qui peut être plusieurs fois masquée et affichée par l'utilisateur grâce à du code Javascript (madiv.style.display = 'none'; et madiv.style.display = 'block'; )

J'aimerais que cette div soit toujours imprimée avec la page et à une position bien précise, pour cela j'utilise une feuille de style en mode print :

Code :

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

<link href="StyleImpression.css" rel="stylesheet" type="text/css" media="print" />

et dans cette feuille de style je définis la classe suivante :

Code :

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

1
2
3
4
5
6
7
8
 
.ImprimeCentre 
{
    display: block;
    position:absolute;
    top: 30px;
    left: 200px;
}

Mais le problème c'est que si l'utilisateur modifie une de ces props CSS (par exemple : masquer la div) ba au moment de l'impression la div ne sera pas imprimée, comme si que la valeur affectée par javascript prend le dessus sur la valeur définit dans la feuille de style d'impression (media=print)

y a t'il un contournement ?

[Macmillenium]

Bonsoir,

Le problème vient du display:inline attribué en-ligne qui surclasse le display:block.
Il faudrait rajouter !important pour donner la priorité à ta déclaration :

Code :

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

1
2
3
4
5
6
7
8
 
.ImprimeCentre 
{
    display: block !important;
    position:absolute;
    top: 30px;
    left: 200px;
}

[Benzeghiba]

Merci, je vais essayer ceci, mais le problème c'est que je viens de lire que IE ne comprends pas "!Important" !!!! Je te dirais de quoi tantôt

[CCyrillus]

bonjour,

tu parles de IE6 ?

Il interprete !important , mais il faut qu'il soit dans une regle distinct de la valeur a surchargée:

ex:

Code :

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

1
2
3
4
 
p {color:blue!important}
p {color:red;}
p {color:green!important;color:gray;}

IE 6 affichera bleu .
Il faut juste en ecrire un peu plus

GC

[Benzeghiba]

Finalement, on a décidé de dupliquer chaque div, la première servira à l'exécution et donc c'est elle qui sera affichée/masquée par JS, la deuxième servira à l'impression. Ce n'est pas TOP mais bon....
Patience, encore deux p'tits mois et l'Algérie et la Tunisie seront en coupe du monde

Merci GC, mais comme je viens de l'expliquer à Macmillenium, on a opté pour une autre piste.