Tableau et impression

par **Elisa** » 30 sept. 2005, 16:10

Oui ça marche

. C'est juste la mise en page de sortie de mon impression qui ne marche pas.

par **pjl** » 30 sept. 2005, 16:06

Au fait, l'appercu avant impression, ca marche ou pas ?

par **Elisa** » 30 sept. 2005, 14:58

Inclusion de la bannière et du logo

<body>
<table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      	<td style="text-align: center; height: 20%; width: 20%;">
			<img src="xx" id="logo" alt="Logo x" style="width: 187px; height: 117px;" />
 		</td>
      	<td style="text-align: center;">
			<img src="xx" id="banniere" alt="x" 
			style="width: 540px; height: 117px;" />
		</td>
    </tr>

Inclusion du menu

<tr>
	<td style="text-align: center; vertical-align: top;">
		<map name="menu">
      		<area shape="rect" coords="x" href="x" alt="Accueil" />
		    <area shape="rect" coords="x" href="x" alt="Acteurs du march&eacute;" />
		    <area shape="rect" coords="x" href="x" alt="Glossaire" />
		    <area shape="rect" coords="x" href="x" alt="Recherche par classification" />
			<area shape="rect" coords="x" href="x" alt="Moteur de recherche" />
		    <area shape="rect" coords="x" href="x" alt="Notice L&eacute;gale" />
	        <area shape="rect" coords="x" href="x" alt="Plan du site" />
		</map>
 <img src="x" id="menu" alt="Menu" style="width: 183px; height: 420px;" usemap="#menu" border="0" />
	</td>

Code de la cellule qui doit apparaître à l'impression

<head>
  <link rel="stylesheet" type="text/css" medi="screen" href="formats.css" />
  <link rel="stylesheet" type="text/css" media="print" href="print.css" />

</head>

<?php
include ("inclusions/BANNIERE+LOGO")
?>

<?php
include ("inclusions/MENU")
?>

<td style="text-align: left; vertical-align: top;">
	<div id="div">
<h1>ACCUEIL</h1>
<br />

<center>
	<span style="font-weight:bold">
blabla
	</span>
</center>

<p>
blabla
</p>

<p>
blabla
</p>
	</div>
</td>

</tr>
  </tbody>
</table>
</body>
</html>
?>

Feuille de style print.css

<style type="text/css">

@page {
size: portrait;
margin:2cm;
}

body {
background-color:white;
margin:0px 0px 0px 0px;
}

h1 {
font-family:arial, sans-serif;
font-size:16pt;
font-weight:bold;
color:black;
background-color:transparent;
text-align:center;
}

h2 {
font-family:arial, sans-serif;
font-size:14pt;
font-weight:bold;
color:black;
background-color:transparent;
text-align:center;
}

h3 {
font-family:arial, sans-serif;
font-size:12pt;
font-weight:bold;
color:black;
background-color:transparent;
text-align:left;
}

h4 {
font-family:arial, sans-serif;
font-size:12pt;
font-weight:bold;
color:black;
background-color:transparent;
text-align:left;
}

p {
font-family:Times New Roman,Times,serif;
font-size:12pt;
color:black;
background-color:transparent;
text-align:justify;
margin-left:0px;
margin-right:0px;
orphans:0;
widows:5;
}

table {
border-color:black;
border-style:solid;
border-width:0px;
border-spacing:0px;
table-layout:auto;
}

#div {
text-align: justify; 
margin-left: 0px; 
margin-right: 0px;
}

#menu {
display : none;
} 

#banniere {
display : none;
} 
#logo {
display : none;
} 

a:link {
font-family:arial, sans-serif;
font-size:12pt;
font-weight:bold;
color:black;
background-color:transparent;
text-decoration:none;
target:_blank;
}

a:visited {
font-family:arial, sans-serif;
font-size:12pt;
font-weight:bold;
color:black;
background-color:transparent;
text-decoration:none;
}

a:hover {
font-family:arial, sans-serif;
font-size:12pt;
font-weight:bold;
color:black;
background-color:transparent;
text-decoration:none;
}

</style>

par **mere-teresa** » 30 sept. 2005, 14:35

Je ne pourrais pas le faire personnellement mais peux tu poster ton code HTML concernant le menu
et le code CSS associé ?

par **Elisa** » 30 sept. 2005, 14:15

1. As-tu essayé avec visibility: hidden; pour ton menu ?

Oui j'ai essayé les deux.

2. Le display ne marche pas ? càd ?

Le display fonctionne comme un visibility, c'est-à-dire que le menu disparaît mais que la place qu'il occupe reste fixe. En gros ça me fait une marge supplémentaire de 5cm environ.

par **mere-teresa** » 30 sept. 2005, 14:05

1. As-tu essayé avec visibility: hidden; pour ton menu ?

2. Le display ne marche pas ? càd ?

par **Elisa** » 30 sept. 2005, 13:52

Le fait que le menu soit une image mappée peut-il jouer dans mon problème de display?

par **Invité** » 30 sept. 2005, 13:46

C'est parce que je travaille sur des postes destinés à la formation, pas à l'administration (privilège du contractuel dans le service public

). Il faudrait que je migre tout mon travail sur un autre poste et que je réinstalle tous les logiciels dont j'ai besoin.

Il reste que je n'arrive toujours pas à savoir pourquoi mon "display" ne fonctionne pas pour le menu.

par **pjl** » 30 sept. 2005, 12:58

Si je pose la question, c'est parce que je suis dans l'incapacité technique de tester (pas d'imprimante reliée à mon poste de travail)

Menu de ton navigateur : Fichier / Appercu avant impression

Il faut peut-être installer un driver quelconque d'imprimante par contre.

Et tu peux aussi dire à ton patron qu'un serveur d'impression premier prix, ca ne vaut que 49€.

par **Elisa** » 30 sept. 2005, 10:51

C'est mieux mais le "display" pour le menu ne fonctionne toujours pas. Est-ce que quelque chose peut entrer en conflit avec un display et pas avec les autres?

par **Elisa** » 30 sept. 2005, 10:39

Oups

Désolée, ça je savais... Comme je ne connaissais pas les "id", je pensais que c'était quelque chose de nouveau

par **mere-teresa** » 30 sept. 2005, 10:30

http://css.alsacreations.com/Bases-et-i ... e-et-un-id

par **Elisa** » 30 sept. 2005, 10:25

La méthode est ingénieuse

déclarer ce style dans ta CSS, en tant que class ou id (. ou #)

Qu'est-ce que c'est "class"?

par **mere-teresa** » 30 sept. 2005, 10:08

tu ne peux pas l'annuler dans le fichier print

Plus le style est déclaré près de l'élément, plus il est prioritaire, donc l'attribut style d'une balise est prio sur une CSS externe.

Ce que tu peux faire :
déclarer ce style dans ta CSS, en tant que class ou id (. ou #)
et mettre style="taclasse" dans ton HTML

par **Elisa** » 30 sept. 2005, 09:45

MESSAGE EDITE

Bonjour,

Attention display va faire disparaître l'élément, alors que visibility : hidden va le cacher mais lui garder la place (mise en page).

J'ai testé ce que mere-theresa m'a fait découvrir. Mais je n'arrive pas à comprendre: Là ou se trouvaient la banniere et le logo, la mise en page n'a pas été gardée (c'est ce que je voulais). En revanche, le menu, s'il disparaît, garde sa mise en page. Pourtant j'ai utilisé "display" dans les trois cas.

Je pense que c'est parce que, dans mon tableau d'origine, la cellule qui m'intéresse a été caractérisée par un "div style". Comment puis-je l'annuler dans mon fichier print?

Tableau et impression

Répondre

Étendre la vue Revue du sujet : Tableau et impression