Impression et sauts de pages

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Impression et sauts de pages

j_lecruel

☀ ☁ ☂

Bonjour à tous,

donc tout d'abord je vous préviens, je débute en CSS, pour que vous ne soyez pas surpris si je sors quelques aberrations.

J'ai réalisé un script affichant des commandes, donc des tableaux de tailles variables, en nombre variables. Jusque là ça roule pas de problème.

Cette page, destinée à être imprimée, contient un titre (en haut de page), défini comme ceci :

.titre2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #8F1007;
border: 1px solid #990000;
padding:8px;
}

donc à priori rien de sorcier.

Ce que je ne comprend pas, ce qu'à l'impression j'obtiens toujours une première page ne contenant que le titre, et les tableaux de commandes sur les pages suivantes.

Quelqun a-t-il une idée ?

Merci d'avance.

PS : Je précise que je suis sur Firefox, IE gérant très mal les impressions de tableaux.

Publicité

omega2

T'as juste ça dans ton css ou t'as d'autres trucs? C'est quoi le code de ta page html?

j_lecruel

☀ ☁ ☂

Code :

<body leftmargin="10" topmargin="10" marginwidth="10" marginheight="10">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" height="100%">
<tr valign="top" height="15">
<td align="right" style="padding-right:5px;padding-top:5px;padding-bottom:10px;">
<a href="javascript:self.close();">
<img src="zims/bt_close.jpg" width="14" height="13" border="0" id="btfermer" alt="Fermer la fenêtre"></a>
</td></tr>
<tr valign="top" height="30">
<td align="center">
<div class="titre2" style="border:0px;">
::: Commandes magasin du 21/02/2005 pour le poste : DIVERS
</div><br>
</td>
</tr>
<tr valign="top">
<td>
<div style="width:800px;max-width:800px; vertical-align:top;">
<div class="titre2" style="margin-bottom:25px;">
Commandes passées par le magasin : WILSON
</div>
<div class="linecmd" style="width:720;">
<table width="710" align="left" cellspacing="0" cellpadding="1" border="1" style="display:inline-table;clear:right;margin-right:10px; margin-bottom:30px;">
<tr>
<th width="125" class="entetetable2">BOITAGE</th>
<th width="30" align="center" class="entetetable1">-</th>
<th width="30" align="center" class="entetetable1">1/2 L</th>
<th width="30" align="center" class="entetetable1">3/4 L</th>
<th width="30" align="center" class="entetetable1">1 L</th>
<th width="30" align="center" class="entetetable1">GM</th>
<th width="30" align="center" class="entetetable1">PM</th>
<th width="30" align="center" class="entetetable1">MM</th>
<th width="30" align="center" class="entetetable1">20 X 11</th>
<th width="30" align="center" class="entetetable1">22 X 11</th>
<th width="30" align="center" class="entetetable1">24 X 11</th>
<th width="30" align="center" class="entetetable1">26 X 11</th>
<th width="30" align="center" class="entetetable1">30 X 11</th>
<th width="30" align="center" class="entetetable1">24 X 15</th>
<th width="30" align="center" class="entetetable1">20 X 16</th>
<th width="30" align="center" class="entetetable1">20 cm</th>
<th width="30" align="center" class="entetetable1">30 cm</th>
<th width="30" align="center" class="entetetable1">40 cm</th>
<th width="30" align="center" class="entetetable1">50 cm</th>
<th width="30" align="center" class="entetetable1">60 cm</th>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Boite étoile</td>
<td class="celltable1" align="center">56</td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
</tr>
</table>
</div>
<div class="linecmd" style="width:180;">
<table width="170" align="left" cellspacing="0" cellpadding="1" border="1" style="display:inline-table;clear:right;margin-right:10px; margin-bottom:30px;">
<tr>
<th width="125" class="entetetable2">BOLDUC</th>
<th width="30" align="center" class="entetetable1">-</th>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Blanc</td>
<td class="celltable1" align="center">60</td>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Orange</td>
<td class="celltable1" align="center">86</td>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Rose indien</td>
<td class="celltable1" align="center">7</td>
</tr>
</table>
</div>
<hr color="#FFFFFF" style="display:block;clear:both;margin-top:10px;">
<div class="linecmd" style="width:240;">
<table width="230" align="left" cellspacing="0" cellpadding="1" border="1" style="display:inline-table;clear:right;margin-right:10px; margin-bottom:30px;">
<tr>
<th width="125" class="entetetable2">BOUGIES</th>
<th width="30" align="center" class="entetetable1">-</th>
<th width="30" align="center" class="entetetable1">GM</th>
<th width="30" align="center" class="entetetable1">PM</th>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Blanc</td>
<td class="celltable1" align="center">60</td>
<td class="celltable1" align="center">89</td>
<td class="celltable1" align="center">3</td>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Rose</td>
<td class="celltable1" align="center">90</td>
<td class="celltable1" align="center">54</td>
<td class="celltable1" align="center">5</td>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Bleue</td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center">17</td>
<td class="celltable1" align="center">14</td>
</tr>
<tr>
<td width="125" align="left" class="celltable1">Bobèche</td>
<td class="celltable1" align="center">19</td>
<td class="celltable1" align="center"> </td>
<td class="celltable1" align="center"> </td>
</tr>
</table>
</div>
</div></tr></table>

Désolé si c'est pas super propre, en fait je tatonne plus qu'autre chose en CSS et j'ai galéré pour que les tableaux s'affichent les uns après les autres (et non les uns en dessous des autres).

Pour la CSS :

Code :

.celltable1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
}
.entetetable2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #990000;
}
.linecmd {
display:inline;
position:relative;
top:20px;
padding:10px;
margin-top:30px;
vertical-align:top;
clear:both;
}

j_lecruel

☀ ☁ ☂

please help :cry:

LeMicky

pourquoi tu le mets dans un div ton titre?
Et pourquoi tu utilises des div pour mettre tes tableaux sur la même ligne? (suffit de faire un tableau de x colonnes et d'une ligne, chacune des cellules comprenant elle-même un tableau)
Alors je sais bien que d'utiliser du CSS c'est hachement plus à la mode que d'utiliser le HTML tout con de papa, mais bon en l'occurence les navigateurs ne respectent pas forcément bien et tout le CSS alors que niveau HTML, depuis le temps, c'est à peu près bon.
Et l'emboitement de tableaux fonctionne très bien.

omega2

leMicky > pour ça : http://www.cybercodeur.net/weblog/ [...] index.html

Et entre nous, soit on fait un site en html en se contrefoutant de la signification des balises, soit on le faire de maniére plus moderne en utilisant des css et en utilisant les tableaux que quand on veut afficher un tableau. En xhtml, les tableaux ne sont plus des balises de mises en page.

Au fait j_lecruel : Pas de <html> dans ta page? pas de </body> ni de </html> non plus? Pas de doctype? Ca respecte aucune norme ça.

Message édité par omega2 le 23-02-2005 à 15:14:40

j_lecruel

☀ ☁ ☂

Non mais je n'ai mis que la partie concernée (pour éviter que vous vous tapiez 3 tonnes de code).

Pour le problème de saut de page je l'ai résolu en mettant le titre dans la même cellule que les tableaux, avec un margin-bottom à 30px.

LeMicky > cette page est generée par un script PHP, et comme je le disait ces tableaux sont en nombre variable, de largeur et hauteur variables.

Message édité par j_lecruel le 23-02-2005 à 15:29:50

LeMicky

Perso, j'utilise des tableaux et du CSS, genre dans l'exemple donné sur le site de ton lien le mec qui fait 40 tableaux imbriqués... c'est clair que c'est quelque peu abusé.
Mais bon quand je vois que j_lecruel a passé un maximum de temps pour mettre ces 3 pauvres tableaux sur la même ligne, je me dis que peut-être un tableau imbriqué fait en 3 secondes montre en main aurait fait l'affaire.

Après, c'est sûr que si tu es à l'école/section R&D et que tu as tout ton temps ou presque, vas y, fais toi plaisir, fais les choses nickel chrome à la pointe du progrès etc... Maintenant, si tu es sur un forfait super tendu niveau planning, ben tu vas au plus simple tout en restant correct : car le coup du "tu plombes ta page en ajoutant un tableau imbriqué"... je suis sûr que le code HTML avec des div de partout contient plus de lettres que le même avec un <table><tr><td>...</td><td>...</td><td>...</td></tr></table>

Enfin, malheureusement, les navigateurs que tu trouves dans les entreprises ne sont pas forcément les plus récents et enfin les CSS ne sont pas toujours interprétés correctement/complétement par les dits navigateurs.

Ok?!
Disons que les CSS c'est bien et super pratique, d'ailleurs ce serait génial si les navigateurs respectaient réellement et complétement la norme, mais que parfois, la méthode à papa supra rapide rend bien service aussi.
En conclusion, ne pas être extrêmiste dans un sens comme dans l'autre.
Suis-je compris?

j_lecruel

☀ ☁ ☂

LeMicky > je t'ai bien compris et je ne peux pas faire avec ta méthode.

omega2

A par pour des navigateurs tel que nescape4, les css sont assez bien géré pour être utilisable il me semble.
Et pour mettre trois tableaux l'un à côté de l'autre, il me semble que c'est facile à faire avec des div : il sufit de définir sur quel côté de l'élément précédant il doit se coler.

T'as raison, il ne faut pas être extrémistes dans un sens ou un autre, mais je trouves qu'aujourd'hui, utiliser des tableaux imbriqués, ca se raproche de l'html extrémismes.
Aprés, c'est sur que si on ne conait que l'html 4 et qu'on n'a pas le temps d'aprerndre ni les régles de l'xhtml ni les css, il vaut mieux utiliser les technologies qu'on maitrise.

Publicité

LeMicky

ouf! un moment, j'ai cru que j'étais devenu un vieux con...

FlorentG

Mixer CSS, mise en page en tableaux et HTML 3.2, c'est sûr ça fait pas bon ménage...

Sinon je suis plutôt pour l'avis qu'il faut être extremiste tout de suite maintenant. Sinon vous allez vous rétamer lorsque l'XHTML 2.0 sera implémenté partout

LeMicky

FlorentG a écrit :

Dis moi, tu ne connais pas le monde de l'entreprise (rassure moi), tu sais qu'on trouve encore des windows 3.1 ?
Donc avant que ce soit partout....je serai à la retraite (enfin si y a encore le système de retraite à cette époque).

Mais bon, je suis d'accord pour dire qu'il faut se tenir au courant des évolutions et d'essayer de les suivre. Mais après faut être réaliste et pragmatique.

FlorentG

En entreprise, on a interêt à passer aux normes drastiques. Ca permet après de traiter tes pages HTML comme sources XML, donc les applications sont infinies Après c'est sûr faut mettre à jour le parc informatique... Mais ça doit être rentable à terme

LeMicky

Enfin, je ne sais pas si tu as vu mais l'informatique n'est pas vraiment une priorité en ce moment
Allez, je m'en vais apprendre le roumain...

FlorentG

Ca dépend. Oublie pas que dans pas longtemps, y'aura 5500 sites administratifs à mettre aux normes

LeMicky

De toute façon j'espère bien que dans pas si longtemps je ne ferai plus de codage et que je demanderai à des petits jeunes à la pointe du progrès de le faire

LeMicky

Bon comme je ne suis pas borné etc... j'ai lu tout plein de choses sur les CSS vs tableaux et... ok ok, je vais tâcher de faire quelques DIV et autres bien sentis et ne plus utiliser de tableau pour la mise en page.
Ca va, je suis encore récupérable

rompi

Vous avez réussi a en sauver un de plus!

omega2

youpi. Vivement que j'ai finis la prochaine version de mon site web que mes propos corespondent à ce qui est visible sur mon site.

FORUM HardWare.fr

Programmation

HTML/CSS

Impression et sauts de pages

Sujets relatifs
Appeller des page asp à partir de pages ASP	incorporer de la videos dans une pages html
faire appel a crystal report depuis des pages asp	Impression en CSS et lignes coupées
Gérer la rémanence entre 2 pages en PHP	[ASM] Sauts JNZ & JZ
insertion pages html	difference de rendu de pages web
[HTML/CSS/JAVASCRIPT] forcer l'impression en paysage	[wxPython]impression et apperçu
Plus de sujets relatifs à : Impression et sauts de pages

Page générée en 0.138 secondes