28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J'utilise un logiciel libre phpGedView pour faire des arbres de généalogies. Les lignes verticales (image vline.gif) apparaissent à l'écran mais disparaissent à l'impression ou quand on veut faire un pdf.
Je pense que l'image vline.gif n'est pas prise en compte à cause de la fonction print.css
Que faire pour résoudre ce problème de comportement.
Voici l'url de mon site :
http://antony.kyc.free.fr/pgvbak (il s'agit du diagramme sablier)
ce lien vous montre que la ligne verticale entre les familles apparaît à l'écran

dont l'url est : http://antony.kyc.free.fr/pgvbak/hourglass.php
on peut voir que la ligne verticale est vline.gif dans le script et qu'il y a une print.css (voir source)

l'url de la page style.css
http://antony.kyc.free.fr/pgvbak/themes/standard/style.css
l'url de la page print.css
http://antony.kyc.free.fr/pgvbak/themes/standard/print.css
la page print.css ne fait pas référence à hourglass

Pour répondre à mon besoin j'aimerais essayer une page "print.css" personnelle la plus simple possible ne comportant que ce qu'il faut pour imprimer l'arbre avec la ligne verticale (vline.gif)
Je ne trouve pas sur internet un cas similaire où une image n'est pas imprimée.
Quelqu'un aurait il l'amabilité de suggérer ou écrire (la ligne) les quelques lignes du "print.css" permettant l'impression de l'arbre avec la ligne verticale ?
Remerciements
Modifié par antonycyk (01 Nov 2006 - 20:47)
C'est ton navigateur qui bloque l'impression des images de fond :
background-image: url(../../images/vline.gif);

Active l'impression des images de fond dans les préférences de ton navigateur... Et tout ira bien... Cependant, cela ne résout pas l'essentiel du problème : comment forcer l'impression des images de fond en CSS...

En effet même si je comprends que les utilisateurs ne tiennent pas à imprimer pour faire 'joli' mais pour lire, la fonctionnalité filigrane existe bien sur Open Office et les autres suites bureautiques... (Je dois imprimer la mention 'confidentielle' en fond sur le site intranet de l'entreprise ou je bosse...)

On pourrait imaginer un javascript 'coquin' qui passe outre (cela ne serait pas la première fois) la notion de sécurité et de respect du poste client en modifiant les préférences du navigateur client... Sur IE en XP cela doit pouvoir se faire Smiley cligne

ou,

Dans le code du CSS 'print-style' Ajouter une classe de type img avec un z-index et une position absolue, puis vérifier que le reste du site ne redéfinit pas le arrière-plan...

cela donnerait :

la css suivante :

body {color:grey;background-color:bleu;
background-image:url(http://www.synaptic.ch/gravolaser/images/picpr.jpg);
background-repeat:no-repeat;
}
.maclass { position:absolute; top:10px; left:10px;z-index: 10; }


Le code qui imprime l'image de fond sans problème :

<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="test.css" >
	</head>
	<body>
<IMG  CLASS="maclass" SRC="http://www.synaptic.ch/gravolaser/images/picpr.jpg" BORDER=0 WIDTH=630 HEIGHT=546>
<DIV CLASS="maclass">
Le magnolia à grandes fleurs est un arbre de grande taille, le plus connu des magnolias, originaire des États-Unis et largement cultivé comme arbre d'ornement.<br />
Nom scientifique :Magnolia grandiflora L., famille des Magnoliacées.<br />
Noms vernaculaires : magnolia à grandes fleurs ou laurier-tulipier.<br />
Sommaire [wikipedia.fr]<br />
<br />• 1 Distribution
<br />• 2 Description
<br />• 3 Particularité
<br />• 4 Culture
<br />• 5 Variétés ou cultivars
<br />• 6 Bibliographie
<br />• 7 références

Distribution [wikipedia.fr]<br />
C'est un arbre originaire du sud-est des États-Unis, du Texas jusqu'en Virginie.
Il a été introduit en Europe au xviiie siècle. C'est l'amiral Roland-Michel Barrin de la Galissonnière qu'il l'aurait importé près de Nantes en 1711. En 1764 grâce à un rameau ramené par un jeune apothicaire, le sieur Louvrier, François Bonamy identifie le laurier tulipier ou Magnolia grandiflora planté vers 1731 à la Maillardière prés de Rezé par Darquistade, autre Maire de Nantes. Chateaubriand l'avait décrit dans son roman Atala.

Description [wikipedia.fr]<br />


Fruit de Magnolia grandiflora
C'est un grand et bel arbre, à port pyramidal, d'une hauteur allant jusqu'à 30 m, jusqu'à 25 mètres en culture.
Son feuillage est persistant ou semi-persistant (les feuilles durent deux ans). Elles sont entières à bord lisse, de forme obovale elliptique, longues de 10 à 20 cm, coriaces, vert brillant sur la face supérieure, velues, tomenteuses et souvent roux ferrugineux sur la face inférieure.
La floraison, qui apparaît assez tardivement sur les arbres arrivés à maturité, vers 25 ans (sauf pour certains cultivars précoces), dure tout l'été, de juin à septembre, voire novembre. (Dans le sud-est des États-Unis, la floraison est de fin avril à juillet.) Les fleurs sont grandes, jusqu'à 25 cm de diamètre, blanches, très parfumées et très décoratives. Chaque fleur persiste une seule journée sur l'arbre, mais elles se renouvellent constamment.
Le fruit, ovoïde, ressemble un peu à un cône de conifère. D'abord vert jaunâtre, il rougit peu à peu tandis que ses écailles s'entrouvrent pour dégager les graines.</B></DIV>


Le code qui n'imprime pas l'image de fond :


<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="test.css" >
	</head>
	<body>
<!--<IMG  CLASS="maclass" SRC="http://www.synaptic.ch/gravolaser/images/picpr.jpg" BORDER=0 WIDTH=630 HEIGHT=546>-->
<DIV CLASS="maclass">
Le magnolia à grandes fleurs est un arbre de grande taille, le plus connu des magnolias, originaire des États-Unis et largement cultivé comme arbre d'ornement.<br />
Nom scientifique :Magnolia grandiflora L., famille des Magnoliacées.<br />
Noms vernaculaires : magnolia à grandes fleurs ou laurier-tulipier.<br />
Sommaire [wikipedia.fr]<br />
<br />• 1 Distribution
<br />• 2 Description
<br />• 3 Particularité
<br />• 4 Culture
<br />• 5 Variétés ou cultivars
<br />• 6 Bibliographie
<br />• 7 références

Distribution [wikipedia.fr]<br />
C'est un arbre originaire du sud-est des États-Unis, du Texas jusqu'en Virginie.
Il a été introduit en Europe au xviiie siècle. C'est l'amiral Roland-Michel Barrin de la Galissonnière qu'il l'aurait importé près de Nantes en 1711. En 1764 grâce à un rameau ramené par un jeune apothicaire, le sieur Louvrier, François Bonamy identifie le laurier tulipier ou Magnolia grandiflora planté vers 1731 à la Maillardière prés de Rezé par Darquistade, autre Maire de Nantes. Chateaubriand l'avait décrit dans son roman Atala.

Description [wikipedia.fr]<br />


Fruit de Magnolia grandiflora
C'est un grand et bel arbre, à port pyramidal, d'une hauteur allant jusqu'à 30 m, jusqu'à 25 mètres en culture.
Son feuillage est persistant ou semi-persistant (les feuilles durent deux ans). Elles sont entières à bord lisse, de forme obovale elliptique, longues de 10 à 20 cm, coriaces, vert brillant sur la face supérieure, velues, tomenteuses et souvent roux ferrugineux sur la face inférieure.
La floraison, qui apparaît assez tardivement sur les arbres arrivés à maturité, vers 25 ans (sauf pour certains cultivars précoces), dure tout l'été, de juin à septembre, voire novembre. (Dans le sud-est des États-Unis, la floraison est de fin avril à juillet.) Les fleurs sont grandes, jusqu'à 25 cm de diamètre, blanches, très parfumées et très décoratives. Chaque fleur persiste une seule journée sur l'arbre, mais elles se renouvellent constamment.
Le fruit, ovoïde, ressemble un peu à un cône de conifère. D'abord vert jaunâtre, il rougit peu à peu tandis que ses écailles s'entrouvrent pour dégager les graines.</B></DIV>


(Je sais le code est trop long, mais comme le but est de faire 'joli' ... Smiley cligne