Tableau et impression

Modérateur PHPfrance
Modérateur PHPfrance | 6037 Messages

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é ?

Eléphant du PHP | 179 Messages

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>
Petit à petit, on devient moins petit... mais qu'est-ce qu'on vieillit!

ViPHP
pjl
ViPHP | 2119 Messages

30 sept. 2005, 16:06

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

Eléphant du PHP | 179 Messages

30 sept. 2005, 16:10

Oui ça marche :) . C'est juste la mise en page de sortie de mon impression qui ne marche pas. :(
Petit à petit, on devient moins petit... mais qu'est-ce qu'on vieillit!