Geckozone

Salut toutes et tous 8)

Je fais une page avec un tableau de données pour l'impression, j'essaye de forcer la page avec @page { size: landscape; } pour l'impression en paysage, j'ai bien lu le tuto sur openWeb (rien de trop compliqué) mais quand je lance une impréssion ma page est toujours en portrait ... quelqu'un a réussi a forcer l'impression en paysage ???

heu j'imprime avec Acrobat vu que pas d'imprimante à la maison en ce moment mais ça ne devrait pas changer le prob je crois ...
Qu'en pensez-vous

Code htm avec css inclu :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Grille des prix</title>
<style>

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

body {
background-color:#fff;
color:#000;
font-family: "Times New Roman", Times, serif;
font-size:11pt;
margin:0;
padding:0;
line-height:125%;
text-align:center
}

caption{
font-size:9pt;
padding:5px;
border-top: 1px solid #ccc;
}

th{
font-size:10pt;
color:#000;
background-color:#ccc;
}

table{
width:100%;
border:1pt solid #666;
border-collapse:collapse;
}

td {
border:1pt solid #666;
border-collapse:collapse;
text-align:left;
padding: 1px 4px 1px 4px;
}

h2,h3,caption{
font-family:Arial,Helvetica,sans-serif;
text-align: left;
margin:3pt 0;
}

h1{
font-size:17pt;
margin-bottom:2px;
}

h2 {
text-decoration: underline;
font-size:small;
}

#ent {
padding:5px 0px 10px 0px  ;
margin-bottom:10px;
width:auto;

}

.gf {
color: #555;
font-size:9pt;
}

.right {
float:right;
}

.tRight {
text-align : right;
}
</style>

</head>
<body>
<div id="ent">
  <h1>Domaine de Naillac </h1>
Bergerac 24000- 15/12/2004 - ZRR</div> 
<table>
  <caption>
  <div class="right"><span class="gf">Lot dispo :</span> 12 <span class="gf">Total lots :</span> 22</div>
  <span class="gf">- Date pr&eacute;v. acte : </span>12/10/2004 <span class="gf">- Date Livr. :</span> 12/10/2004 <span class="gf">- Prom. :</span> Mr Machin <span class="gf">- Gestionnaire :</span> Mme Truc
  </caption>
  <thead>
    <tr>
      <th style="width:5% "> Type</th>
      <th style="width:5% ">Lot</th>
      <th style="width:10% ">Etage</th>
      <th style="width:5% ">SH</th>
      <th style="width:10% ">Annexe</th>
      <th style="width:10% ">N&deg; Annexe</th>
      <th style="width:15% ">Prix vente TTC </th>
      <th style="width:15% ">Prix Meuble TTC </th>
      <th style="width:15% ">Loyer mensuel HT </th>
      <th style="width:10% ">Rentabilit&eacute;</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>T1</td>
      <td>1542</td>
      <td>2eme droite</td>
      <td class="tRight">28,00</td>
      <td class="tRight">?</td>
      <td class="tRight">12bis ? </td>
      <td class="tRight">154 000,00</td>
      <td class="tRight">15 000 ,00</td>
      <td class="tRight">540,00</td>
      <td class="tRight">15 %</td>
    </tr>
  </tbody>
</table>
<div><span class="gf">Attention n'oubliez pas de verifier les disponibilités au</span> 04 66 28 28 28</div>
</body>
</html>

sur cette page sont expliquées les commandes, leurs limites (tous les navigateurs ne les interprêtent pas) avec des exemples qui fonctionnenet très bien chez moi avec FF9.2 et IE6 (et pdf creator choisie comme imprimante et en effet ça n'est pas sensé poser problème).

déjà tu peux toujours rajouter type="text/css" dans ta balise style pour être aux normes.
inutile de répeter 2 x @page, inclue la définition de marge dans la première accolade.

ensuite, vérifie que la page d'exemple de selfhtml fonctionne aussi chez toi. si non, regarde voir s'il n'y a pas une option qui forcerait l'orientation de la page dans acrobat... (pourtant quelque soit l'orientation choisie dans les "paramètres", c'est sensé se conformer en dernier lieu au style de la page si le navigateur peut interprêter la commande. enfin qui sait, en fouillant les options d'acrobat il y a peut-être une commande particulière).

salut stz ...

donc sur l'exemple http://fr.selfhtml.org/css/proprietes/a ... e/size.htm l'impression par acrobat est toujours en portrait ....

je ferais des tests au boulot avec imprimante ... sinon on generera un pdf a la volée si landscape ne passe pas partout par default, ce qui est a priori le cas si l'utilisateur met des options d'impressions ça passera avant la feuille de style .... c'etait trop simple sinon !!!

merci de ta réponse et les petites corrections ! bon WE

Fr.eddoZ

Geckozone

landscape fontionne ou pas ?

landscape fontionne ou pas ?

idem ...