[CSS ] :: Mise en page pour l'impression

:: Mise en page pour l'impression [CSS ] - HTML/CSS - Programmation

Marsh Posté le 22-09-2003 à 14:25:15    

Bonjour;
 
 
je voudrais permettre aux visiteurs de la page d'imprimer les données formatées à l'aide d'une feuille de style CSS. J'ai effectué une recherche sur ce mm forum et c'est en voyant les différentes propositions (passer par pdf, CSS, activeX...) que j'ai décider de faire une feuille de style.
 
Comme les utilisateurs n'ont que IE5 j'ai voulu tester pour vérifier si les styles CSS étaient supportés (c'est oui- avec le tuto sur openweb et selfHTML).
 
Mais maintenant que je veux appliquer cela à mes pages cela ne marche plus aussi bien en effet je voudrais forcer les sauts de page à chaque fois qu'une famille est affichée mais en ajoutant :
style="page-break-before:always" dans les balises <TR> le navigateur nr semble pas les prendre en compte.  
Est ce que cela est du qu'on peut utiliser cela juste pour du texte?  
 
un morceau de mon code :
 
<TABLE align=right border=1 borderColorDark="#d3bc9c" borderColorLight=#eeeeee cellPadding=0 cellSpacing=0 style="border-width: 1px; border-style: solid; border-color: #000000"width="100%">
<TBODY>
 
 <TR class=FondBleu4 style="page-break-before:always">
        <TD colSpan=7><A class=TGBleu href="#">F01-Commercial</A></TD>
        <TD width="4%" align="center"><A  href="#" >
  <IMG alt="Supprimer famille" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD>
  <TD width="4%" align="center"><A  href="#" >
  <IMG alt="Ajouter metier" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Ajouter3.gif" width=20></A></TD></TR>
 
 <TR class=FondBleu3>
  <TD>&nbsp;</TD>
        <TD colSpan=6>M01-C-Publicité</TD>
        <TD width="4%" align="center"><A  href="#" >
  <IMG  alt="Supprimer metier" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD>
  <TD width="4%" align="center"><A  href="#" >
  <img alt="Ajouter emploi" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Ajouter3.gif" width=20></A></TD></TR>
 
 <TR class=FondBleu2>
  <TD colspan="2">&nbsp;</TD>
        <TD colSpan=5>E01-P-Maqueteur</TD>
        <TD width="4%" align="center"><A href="#" >
  <IMG alt="Supprimer emploi" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD>
  <TD width="4%" align="center"><A  href="/jFoederis/main?module=gpec&page=vld_poste&idfamille=14303&idmetier=14462&idemploi=14463&lettre0=*&choix=&resultat=1">
  <IMG alt="Ajouter poste" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Ajouter3.gif" width=20></A></TD></TR>
 
 <TR class=FondBleu1>
        <TD colSpan=3>&nbsp;</TD>
        <TD colSpan=5>wxc-cwxcwxcwxcw</TD>
  <TD width="4%" align="center"><A  href="/jFoederis/main?module=gpec&page=supp_poste&id_poste=14576&lettre0=*&choix=&resultat=1" >
  <IMG  alt="Supprimer poste" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD></TR>
     
 <TR class=FondBleu1>
        <TD colSpan=3>&nbsp;</TD>
        <TD colSpan=5>sss-ssssss</TD>
  <TD width="4%" align="center"><A  href="/jFoederis/main?module=gpec&page=supp_poste&id_poste=14565&lettre0=*&choix=&resultat=1" >
  <IMG  alt="Supprimer poste" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD></TR>
     
   
   
 
 <TR class=FondBleu4 style="page-break-before:always">
        <TD colSpan=7><A class=TGBleu href="#">F02-Informatique</A></TD>
        <TD width="4%" align="center"><A  href="#" >
  <IMG alt="Supprimer famille" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Supprimer2.gif" width=20></A></TD>
  <TD width="4%" align="center"><A  href="#" >
  <IMG alt="Ajouter metier" border=0 align=absMiddle height=20 src="/jFoederis/JSP/Img/Ajouter3.gif" width=20></A></TD></TR>
...
 
merci d'avance
 
 
fabrice


---------------
L'été il fait bo
Reply

Marsh Posté le 22-09-2003 à 14:25:15   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed