[Problème] Mauvaise impression d'une page à partir d'un navigateur

[marveljojo]

Bonjour

Depuis 1 semaine, je cherche à savoir pourquoi des pages (issues du module JEA) ne s'impriment pas correctement.
Voici un exemple :

http://www.grandpalais-immo.fr/vente/menton-garavan/26-vue-carte-postale-mer-vieille-ville-et-campanin.html

Essayez une impression, ou utilisez PDF Creator, ET :

- on obtient d'abord le logo en sur impression sur toutes les pages
- des liens se glissent entre certaines images (??)
- des espaces se rajoutent, et on obtient 4 pages au lieu de 2 ...

Certain(e)s auraient des idées ??

Help

[ghazal]

Re : Mauvaise impression d'une page à partir d'un navigateur

Salut,
je verrais bien un pb lié à bootstrap, tel que défini ici :

How to hide URL/href when printing bootstrap website | IT Support Guides

http://www.itsupportguides.com/tech-tips-tricks/how-to-hide-urlhref-when-printing-bootstrap-website/

Si c'est le cas, tu pourrais tout à fait coller ta correction de :
@media print {
.exemple {}
}
dans le fichier CSS :
responsive.css,
parce qu'il est l'un des derniers fichiers CSS chargés, et de toutes manières arrive après bootstrap.css.

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Salut,
je verrais bien un pb lié à bootstrap, tel que défini ici :

How to hide URL/href when printing bootstrap website | IT Support Guides

http://www.itsupportguides.com/tech-tips-tricks/how-to-hide-urlhref-when-printing-bootstrap-website/

Si c'est le cas, tu pourrais tout à fait coller ta correction de :
@media print {
.exemple {}
}
dans le fichier CSS :
responsive.css,
parce qu'il est l'un des derniers fichiers CSS chargés, et de toutes manières arrive après bootstrap.css.

Merci ghazal !!
J'ai modifié le fichier bootstraps.css et non responsive.
Mais le lien que tu m'as indiqué est parfait.

Maintenant, je n'ai plus ces liens agaçants


Par contre, aurais tu une idée pour condenser 4 pages en 2 ?
En effet, quand je fais impression, beaucoup de blancs se rajoutent et je me retrouve avec 4 pages au lieu de 2
Une idée ?

[ghazal]

Re : Mauvaise impression d'une page à partir d'un navigateur

A mon avis, c'est encore bootstrap.

Regarde dans le :
@media print {
...
}
de bootstrap ce qui peut être amélioré.

Mais il faut connaitre cette règle simple :
ce qui est défini dans les CSS est appliqué sur n'importe quel support,
à moins d'avoir été redéfini dans/par les media queries.

Et vice-versa.

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Bonjour,
Avec un peu de retard, merci pour les infos.

Depuis, je me suis un peu plus documenté.

Maintenant, j'ai rajouté un bouton "imprimer" dans une fiche produit.
Exemple en haut à droite d'une fiche :

http://grandpalais-immo.fr/vente/menton-garavan/26-vue-carte-postale-mer-vieille-ville-et-campanin.html

Ma question :
Comment faire pour éditer l'impression ?

On m'a parlé d'un print.css, mais n'est ce pas possible d'utiliser le modèle déjà mis en place sur ce module ?

Pour info, le bouton afficher sur ce module (Joomla Estate Agency) s'active via le composant.
Il ne s'agit pas du bouton "imprimer" fourni par Joomla.
La différence est qu'il affiche le logo sur chaque page .
Pas très classe, je souhaiterai personnaliser un peu cette impression.

En espérant avoir été clair ?

Agréablement,

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

up ?
Mici

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Coucou

Juste pour savoir si quelqu'un pouvait m'aider ?
Car là c'est vraiment embêtant, du moins pour moi, de savoir que j'ai des modifs à faire sans savoir précisément lesquelles

Bonne journée .

[jisse03]

Re : Mauvaise impression d'une page à partir d'un navigateur

Bonjour,

Le code de JEA pour l'impression étant:

<?php if ($this->params->get('show_print_icon')): ?>
<div class="jea-tools">
  <a href="javascript:window.print()" title="<?php echo JText::_('JGLOBAL_PRINT') ?>">
  <?php echo JHtml::_('image', 'system/printButton.png', JText::_('JGLOBAL_PRINT'), null, true) ?></a>
</div>
<?php endif ?>

c'est tout simplement la méthode JavaScript native window.print() qui est appelée http://www.w3schools.com/jsref/met_win_print.asp

A part modifier en profondeur le CSS pour un media print ou réécrire de A à Z un gestionnaire d'impression pour ces fiches, jene vois pas grand chose d'autre à faire.

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Hummm.
:/

Alors peut être que je devrais optimiser l'affichage des pages web par exemple ?

Par contre, comment cela se fait il que lors d'une impression à partir de ce bouton, on se retrouve avec le logo à chaque page.
Et que dans le cas d'un Fichier > Imprimer, cela ne se se fait pas ...?

Une idée

[jisse03]

Re : Mauvaise impression d'une page à partir d'un navigateur

Là, les mystères de l'implémentation de la méthode print() par chaque constructeur de navigateur, je n'en ai pas le secret

Mais tu dois pouvoir optimiser ton code HTML/CSS pour qu etout s'imprime correctement.

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Là, les mystères de l'implémentation de la méthode print() par chaque constructeur de navigateur, je n'en ai pas le secret

Mais tu dois pouvoir optimiser ton code HTML/CSS pour qu etout s'imprime correctement.

Oki doki.

Aurais tu un tuto ou une doc pour que je me document là dessus ?
J'arrive un peu avec les css, mais là je ne sais pas trop comment ou sur quel fichier travailler ...

Mais merci tout de même pour les infos

[jisse03]

Re : Mauvaise impression d'une page à partir d'un navigateur

Sur quel fichier, ça dépend de ton template, mais il vaut mieux rajouter un custom.css pour les personnalisations si tu veux que ça survive aux mises à jour.

Pour les média queries, voir par exemple https://developer.mozilla.org/en-US/.../Media_queries

[jisse03]

Re : Mauvaise impression d'une page à partir d'un navigateur

Voir aussi http://stackoverflow.com/questions/1...bootstrap-page

[marveljojo]

Re : Mauvaise impression d'une page à partir d'un navigateur

Sur quel fichier, ça dépend de ton template, mais il vaut mieux rajouter un custom.css pour les personnalisations si tu veux que ça survive aux mises à jour.

Pour les média queries, voir par exemple https://developer.mozilla.org/en-US/.../Media_queries

Ok parfait.

Une dernière chose:
Si je fais un custom.css, c'est que forcément je vais me baser sur un fichier existant ?
Si oui, lequel ?
Si non, comment définir ce custom.css si je pars à vide ?
Je peu peut être me baser sur un fichier qui affiche les données d'une fiche produit (bien immobilier) ?

Car, si j'ai bien compris, je dois reprendre dans le fichier custom.css, l'affichage existant et le "customiser" ?

N'est ce pas ?

[jisse03]

Re : Mauvaise impression d'une page à partir d'un navigateur

le custom.css ne sert qu'à rajouter des comportements à ton CSS, pas besoin de tout reprendre.
Par exemple, si tu veux changer la couleur d'un élément blockquote, il suffit d'y mettre

.blockquote {
color: #00f ;
}

pour ne modifier que cette propriété tout en utilisant les autre spropriétés définies dans le template.

Idem pour les media-queries... Tu ne mets que ce qui doit être modifié.