Imprimer les border des tableaux

cyberyder · Message par **cyberyder** » 31 mars 2008, 19:21

Bonjour,
J'ai développé un petit logiciel qui fait mes plan et qui utilise des tableaux <table>, à l'écran, tout est beau, quand je passe à l'imprimante, oups, les bordures noires devienne grises pâle et mes délimitation pour mes plan ne sont pas assez visible.

Problème d'imprimante? je ne pense pas, avec Internet Explorer, j'imprime le tout avec une belle bordure noire.

Vous comprendez que sous aucun prétexte je veux utilser internet explorer avec mon logiciel, considérant qu'il est optimisé pour FireFox, mais les plan sont une partie essentielle de mon logiciel.

est-ce que quelqu'un pourrait me dire s'il y a quelque chose à faire pour que je puisse avoir des bordures noires sur mes <table>?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

Message par **nico@nc** » 31 mars 2008, 19:51

Bonjour,

Peux-tu montrer un exemple de page en ligne ?

Est-ce que l'affichage des images et couleurs d'arrière-plan est bien activé dans la mise en page ?

Cyberyder · Message par **Cyberyder** » 31 mars 2008, 20:11

http://support.mozilla.com/tiki-downloa ... ?attId=698
j'ai uploadé l'image sur le site de support de mozilla en meme temps

en passant j'ai aussi essayé d'utiliser bordercolor=#000000 et maintenant, il ne dessine que la ligne droite et inférieure de mon tableau en noir (????)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

Message par **jpj** » 31 mars 2008, 21:43

Bonsoir,

Ce serait mieux s'il était possible d'avoir une page html en ligne. Sur ta capture, on a l'impression que c'est un ombrage de cadre.

A+

Jean-Thomas Baillargeon

Bonjour,
en fait, vous pouvez répliquez vous-même le problème en créant un table normal et en lui donnant l'attribut bordercolor=#000000.

http://www.aeact.com/L2.php

Mais bref, le problème réside vraiment dans le comportement bizarre des tableau et dans l'impression de mon tableau. c'est un problème très facile a répliquer.

Essayez d'imprimer ma page dans FireFox et MIE, vous allez voir la différence

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

cyberyder · Message par **cyberyder** » 31 mars 2008, 22:04

Vous notterez que
Jean-Thomas Baillargeon = cyberyder

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12

Message par **jpj** » 31 mars 2008, 22:58

Il y a effectivement une différence de rendu pour les différentes bordures du cadre. Avec une impression pdf agrandie, aucun navigateur ne donne le même résultat (essayé avec Firefox 2.0.0.13 et 3.0b5, Opera, Safari et IE7).

Bon, je déplace dans développement web pour voir s'il y a une solution élégante à trouver.

martin · Message par **martin** » 01 avr. 2008, 10:31

y'a pas mal de remarques à faire

.

Premièrement, je reste persuadé que pour des documents destinés à être imprimés, tu devrais générer du pdf, même pour une appli web. Le HTML te poseras toujours un problème ou un autre sur ce plan. Voir du côté de FPDF, ou de TCPDF, gratuit, très efficaces, très bien.

Deuxièment, tes tableaux ici semblent être utilisés en fait pour la mise en page. C'est une mauvaise idée.

Sinon, le pourquoi çà foire sur ton exemple est intéressant à décortiqué :
- pas de Doctype, et d'ailleurs pas de balise <html>, <body>,... Donc les navigateurs passent en mode "quirk" illico, c'est à dire qu'ils essaient d'interpréter ton code "au mieux", et suivant parfois d'anciennes règles. Autant dire que le rendu est aléatoire et différents dans plusieurs navigateurs (y compris plusieurs versions d'un même).
- le HTML contient également des erreurs (des attributs inexistants ou non standard), donc les navigateurs les corrigent comme ils peuvent. Firefox en l'occurence met une bordure en relief, et pas noir.

Donc, essaie de faire du HTML strict valide, et place ce qui correspond au visuel dans des styles CSS. Le comportement et rendu multi navigateur devrait grandement être amélioré

. Toujours gardé en tête qu'il ne sera pas exactement le même au pixel prés dans plusieurs navigateurs, d'où ma première remarque.

Voilà une version strict de ton exemple, pas testé sur tous les navigateurs, mais çà devrait se comporter plus comme tu le souhaites :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
          "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>test tableau</title>
    <style type="text/css">
body {
    text-align: center;
}

table {
    width: 600px;
    margin: auto;
    height: 600px;
    border-collapse: collapse;
    border: 1px #000 solid;
}

tr.haut {
    height: 75px;
}

tr.bas {
    height: 225px;
}

td {
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    border: 1px #000 solid;
    width: 25%;
}
    </style>
</head>
<body>
    
    <table>
        <tbody>
            <tr class="haut">
                <td><-1-></td>
                <td rowspan="4"><-5-></td>
                <td rowspan="4"><-6-></td>
                <td rowspan="2"><-7-></td>
            </tr>
            <tr class="haut">
                <td><-2-></td>
            </tr>
            <tr class="bas">
                <td><-3-></td>
                <td><-8-></td>
            </tr>
            <tr class="bas">
                <td><-4-></td>
                <td><-9-></td>
            </tr>
        </tbody>
    </table>
</body>
</html>

en espérant t'avoir apporter des éclaircissements

.

Message par **chinon37** » 01 avr. 2008, 11:04

Pour compléter Martin (bien qu'il n'y ai pas grand'chose à compléter

), j'ai repris strictement ta page, mais en ajoutant une couleur de bordure en noir (#000000)et une épaisseur à 1 px : l'impression dans firefox ne pose aucun problème, tant pour les lignes que les colonnes.
Par contre, c'est vrai que ton exemple où la couleur et l'épaisseur de bordure pour <td> ne sont pas spécifiées, l'impression est grise: il semblerait que le navigateur donne une épaisseur de ligne < à 1px, ce qui donne cette impression de gris...

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 01 avr. 2008, 12:39

Et il est toujours possible de définir des css pour le media print !

Une solution élégante permettant de se passer des pdf!

En exemple là http://lavl.free.fr c'est rustique mais on peut faire + de chichis selon les désirs de chacun.

Geckozone

Imprimer les border des tableaux

Imprimer les border des tableaux

screenshot

Qui est en ligne ?