Pouvoir imprimer des background images/color
houba_houbi
Messages postés
128
Statut
Membre
-
monkey_monk Messages postés 681 Statut Membre -
monkey_monk Messages postés 681 Statut Membre -
Bonjour,
Je sais que c'est un sujet abordé x fois et qu'on ne peut pas imprimer les images mises en background, mais c'est pourtant ce dont j'aurai besoin !
De plus, je viens de tomber sur cet article http://web-graphics.com/ J'ai testé et cela fonctionne, sauf pour ma problématique.... :-(
Voici mon problème, j'ai créé un calendrier annuel en html pour des réservations de chambres d'hôtel. Celui-ci comporte des couleurs de fond différentes selon des statuts (indisponible, haute saison, moyenne saison...), sachant que les samedi, j'ai 2 couleurs, d'où l'utilisation d'images :
Pour que le webmaster, puisse modifier ces couleurs, j'ai créé des styles CSS pour son éditeur texte (TinyMce), exemple : .hautesaison { background: url(monimage.gif); }
Tout fonctionne bien, sauf que je viens de me rendre compte que lorsque l'on veut imprimer la page... il y a rien !!!! Et c'est normal...
J'ai donc voulu adapter la solution de cet article cité plus haut, mais je n'y arrive pas, les images sont générés les unes à la suite des autres verticalement dans les cellules, lorsque j'ajoute un style par Tiny Mce.
Est-ce qu'une âme charitable, pourrais m'aider ? Ou je suis ouverte à toute autre solution ?
Si j'ai bien compris il pourrait peut-être exister quelque chose en CS3 ? Si oui laquelle et peut-elle être interprétée par les navigateurs actuels ?
Merci d'avance
Je sais que c'est un sujet abordé x fois et qu'on ne peut pas imprimer les images mises en background, mais c'est pourtant ce dont j'aurai besoin !
De plus, je viens de tomber sur cet article http://web-graphics.com/ J'ai testé et cela fonctionne, sauf pour ma problématique.... :-(
Voici mon problème, j'ai créé un calendrier annuel en html pour des réservations de chambres d'hôtel. Celui-ci comporte des couleurs de fond différentes selon des statuts (indisponible, haute saison, moyenne saison...), sachant que les samedi, j'ai 2 couleurs, d'où l'utilisation d'images :
<table border="0" class="calendrier"><tbody> <tr><td>Janv.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Fév.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Mars</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Avril</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Mai</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Juin</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Juill.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Août</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Sep.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Oct.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Nov.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr> <tr><td>Déc.</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td></tr></tbody></table>
Pour que le webmaster, puisse modifier ces couleurs, j'ai créé des styles CSS pour son éditeur texte (TinyMce), exemple : .hautesaison { background: url(monimage.gif); }
Tout fonctionne bien, sauf que je viens de me rendre compte que lorsque l'on veut imprimer la page... il y a rien !!!! Et c'est normal...
J'ai donc voulu adapter la solution de cet article cité plus haut, mais je n'y arrive pas, les images sont générés les unes à la suite des autres verticalement dans les cellules, lorsque j'ajoute un style par Tiny Mce.
Est-ce qu'une âme charitable, pourrais m'aider ? Ou je suis ouverte à toute autre solution ?
Si j'ai bien compris il pourrait peut-être exister quelque chose en CS3 ? Si oui laquelle et peut-elle être interprétée par les navigateurs actuels ?
Merci d'avance
A voir également:
- Pouvoir imprimer des background images/color
- Journal de naissance gratuit a imprimer - Télécharger - Histoire & Religion
- Comment imprimer en a5 - Guide
- Des images - Guide
- Imprimer un tableau excel - Guide
- Parole de chanson francaise gratuite à imprimer - Télécharger - Vie quotidienne
8 réponses
bonjour,
Y aurait-il un moyen de récupérer la classe utilisée dans le document html et faire en sorte avec un javascript (je pense ? car php nécessiterait de recharger côté serveur?) de dire que à la place de : <td class="xyz">, on mets <td><img href="monimagexyz"> ?
Y aurait-il un moyen de récupérer la classe utilisée dans le document html et faire en sorte avec un javascript (je pense ? car php nécessiterait de recharger côté serveur?) de dire que à la place de : <td class="xyz">, on mets <td><img href="monimagexyz"> ?
Je ne suis pas sur, mais je pense que le problème viens de la manière dont tu inclus ta css... je suppose que tu as fait comme ceci : <link rel="stylesheet" href="style.css" media="screen" />
Pour pouvoir avoir une version imprimable tu dois créer ou définir une css pour le media="print".
Petite source sur le sujet :
http://www.pompage.net/traduction/impression
Pour pouvoir avoir une version imprimable tu dois créer ou définir une css pour le media="print".
Petite source sur le sujet :
http://www.pompage.net/traduction/impression
Bonjour
Merci Monkey-monk, je connais bien le media print.
Mais cela ne résoudra pas le problème, car le comportement par défaut des navigateurs, en media all, screen ou print : c'est de ne pas imprimer les background (images ou color). Donc cela ne résoudra pas le problème.
Merci Monkey-monk, je connais bien le media print.
Mais cela ne résoudra pas le problème, car le comportement par défaut des navigateurs, en media all, screen ou print : c'est de ne pas imprimer les background (images ou color). Donc cela ne résoudra pas le problème.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Pour contourner le problème, existerait-il un code javascript qui pourrait transformer la classe d'un élément par un code html ?
Exemple :
- dans le code initial : <td class="hautesaison"></td> ----->affiche une image en background
- dans le code final : <td class="hautesaison"><img src="imagehautesaison"...></td> -----> affiche une image dans le code html
Merci d'avance,
Pour contourner le problème, existerait-il un code javascript qui pourrait transformer la classe d'un élément par un code html ?
Exemple :
- dans le code initial : <td class="hautesaison"></td> ----->affiche une image en background
- dans le code final : <td class="hautesaison"><img src="imagehautesaison"...></td> -----> affiche une image dans le code html
Merci d'avance,
J'avais le même problème et une recherche sur groogle m'a donné la réponse ultime qui comble le fainéant qui sommeille en moi :
pour imprimer les couleurs des lignes il faut cocher "imprimer les couleurs de fond" dans les propriétés de l'imprimante. Nativement, les navigateurs le désactivent ...
pour une fois pas besoin de coder ^^
pour imprimer les couleurs des lignes il faut cocher "imprimer les couleurs de fond" dans les propriétés de l'imprimante. Nativement, les navigateurs le désactivent ...
pour une fois pas besoin de coder ^^
Merci
Mais ça c'est connu.
Je ne recherche pas une réponse côté utilisateurs car je vois mal indiquer "pour imprimer la page, merci de cocher telle chose ou paramétrer votre navigateur en conséquence...". C'est donc bien une réponse côté développement que je recherche.
Mais ça c'est connu.
Je ne recherche pas une réponse côté utilisateurs car je vois mal indiquer "pour imprimer la page, merci de cocher telle chose ou paramétrer votre navigateur en conséquence...". C'est donc bien une réponse côté développement que je recherche.
Malheureusement, a ma connaissance, il n'existe pas de solution particulière...
Tu peux utiliser le Javascript et le PHP pour générer des "images-background" en passant par une page "version imprimable. En prenant bien-sur soin de faire une CSS print.
Avec un peu d'ingéniosité il devrait être possible de contourner certains problèmes et/ou d'en prévenir d'autre...
Un exemple, tu peux inclure dans ton html les images servant à remplacer tes "background" et ne les afficher que dans le cas du print (CSS).
Mais ça va de toutes manières demander un peu de bidouillage.
Bon courage et tiens-nous au courant ! :D
Tu peux utiliser le Javascript et le PHP pour générer des "images-background" en passant par une page "version imprimable. En prenant bien-sur soin de faire une CSS print.
Avec un peu d'ingéniosité il devrait être possible de contourner certains problèmes et/ou d'en prévenir d'autre...
Un exemple, tu peux inclure dans ton html les images servant à remplacer tes "background" et ne les afficher que dans le cas du print (CSS).
Mais ça va de toutes manières demander un peu de bidouillage.
Bon courage et tiens-nous au courant ! :D
