[Ergonomie] Impression d'un bloc avec overflow:auto ?! [Résolu]

ghohm · 11/07/2007, 11h42

Bonjour à tous,

petite question toute bête ... comment imprimer un bloc avec un overflow:auto ... pour que ça paraisse moins abstrait à certain = le bloc contenant mon code ici ?

Je pense que niveau ergonomie (concernant l'impression) c'est un point faible de ce forum.

Gôm

FraK · 16/07/2007, 15h39

je comprend pas trop ta question lol ^^
tu veux avoir le bloc a l'écran c'est bien ca ? (avec scrolls et tout ca)

ghohm · 16/07/2007, 15h44

Effectivement tu comprends pas trop la question !

A l'écran, j'ai un bloc ayant son propre ascenceur ce qui fait que la partie du bloc nécessitant d'être scroller pour être lu ... à l'écran, ne peut pas être imprimée !?

Fait un test avec le lien que j'ai posté dans mon 1er post et tu comprendras !

FraK · 16/07/2007, 16h02

a oki, effectivement la c'est plus clair ^^
en fait tu souhaite une impression du bloc complet, et pas juste le bloc avec le scroll (donc une partie du texte non visible) qui est à l'écran.
Moi j'utilise le css pour faire cela.

L'écran et l'imprimante sont des modes de sortie différents. C'est pourquoi, tu peux incorporer différents fichiers de feuilles de style pour les différents modes de sortie, qui peuvent contenir des définitions de formats différentes. Le logiciel doit décider lors de la présentation des pages quel fichier CSS incorporé est déterminant. Si le navigateur Web par exemple affiche les pages à l'écran, il doit utiliser le fichier CSS qui fixe expressément l'"écran" comme mode de sortie, et si l'utilisateur imprime une page, le navigateur doit employer à la place le fichier CSS que vous mentionnez pour le mode "imprimante".

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>Titre du fichier</title>
<link rel="stylesheet" media="screen" href="website.css">
<link rel="stylesheet" media="print, embossed" href="impression.css">

<link rel="stylesheet" media="aural" href="bafles.css">
</head>
<body>
</body>
</html>

ghohm · 16/07/2007, 16h11

Ah là tu as tout compris !

Le problème c'est que je n'ai pas la main sur les sources du site Internet dont je parle ... au même titre que je n'ai pas la main sur les sources de dvlp.com !!!

Connais-tu un moyen de "forcer" l'impression alors qu'aucun CSS spécifique à la sortie sur imprimante n'a été prévue ?!

FraK · 16/07/2007, 16h22

en voila une bonne question lol =)
sans css, je ne saurais pas quoi te dire ...
j'ai vu effectivement le code de ton bloc (bon je connais les bases mais je suis pas un dev. avancé) et en partant de là, sans css, ca m'a l'air plutot hardus ^^
Peut être as tu moyen justement de récupérer les sources de ton site avec un "aspirateur de site" si le webmaster n'a pas bloqué cette option.
A voir ^^

ghohm · 16/07/2007, 16h25

Citation:

Envoyé par FraK

Peut être as tu moyen justement de récupérer les sources de ton site avec un "aspirateur de site" si le webmaster n'a pas bloqué cette option.
A voir ^^

J'y ai bien pensé, mais la page étant très dynamique (je parle du site dont je désire imprimer un bloc du même genre que celui de l'exemple ... je peux pas le montrer car c'est un extranet) il serait bien trop compliqué de mettre en oeuvre un Robot Web par exemple ...

Pour l'instant je fais des copier/coller à gogo pour pouvoir imprimer tout le contenu du bloc, mais c'est galère ... sachant qu'il contient plusieurs vingtaines de lignes !!!

FraK · 16/07/2007, 16h27

j'imagine bien oui =)
et tu n'as pas moyen au pire de contacter le webby et de lui demander si il peut te "preter" son css ? ;p

ghohm · 16/07/2007, 16h29

Malheureusement non !

Sinon concernant le Webmaster de dvlp.com ... si il passe par là ... il serait bon de modifier (ou de compléter) le CSS pour permettre l'impression de ces mêmes blocs !

MasterOfChakhaL · 17/07/2007, 06h51

salut,

A moins que tu ne veuilles automatiser le truc, pourquoi ne pas simplement faire un copier coller?

Certains navigateurs te permettent d'avoir la main sur le css.
Opera te propose plusieurs mode (accessibilité, desactiver les flottants, desactiver les positionnements).
Sinon, maintenant que j'y pense, firefox avec l'extension firebug te permet de d'avoir le controle complet sur le css (tu désactives ce que tu veux, tu en rajoutes...)

Candygirl · 17/07/2007, 14h11

Hello,

Sur Firefox, tu peux mettre tes propres règlages css via le fichier userContent.css. En rajoutant quelque chose du genre:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
@media print {
* {overflow:visible !important;height:auto !important;}
}

tu devrais pouvoir imprimer ce que tu souhaites.

ghohm · 17/07/2007, 16h44

Merci Candygirl, mais je préfère la proposition de MasterOfChakhaL, qui est d'installer Firebug, car je n'ai ainsi rien à modifier durablement !

J'ai simplement eu à modifier le CSS à la volée et la page s'est miraculeusement alllongée ... oui oui ça vaut bien 3 "l" !!!

Merci encore à tous pour votre aide.

Sinon, je veux pas jouer les cassandres, mais il serait bon que le forum de dvlp.com soit doté d'un CSS spécifique pour l'impression des blocs de code ... dommage d'avoir un forum dédié aux développeurs et de ne pas pouvoir en imprimer le code !?

Gôm

FraK · 17/07/2007, 17h08

comme dirait un certain Perceval de Galles : "C'est pas faux" (mais bon la tout ce qui est dit est compréhensible)

Candygirl · 17/07/2007, 17h18

Citation:

Envoyé par ghohm

Merci Candygirl, mais je préfère la proposition de MasterOfChakhaL, qui est d'installer Firebug, car je n'ai ainsi rien à modifier durablement !

Vi c'est clair, en même temps, la règle que j'ai mise t'aurait aussi corrigé le pb d'impression sur developpez

Citation:

Envoyé par ghohm

il serait bon que le forum de dvlp.com soit doté d'un CSS spécifique pour l'impression des blocs de code ... dommage d'avoir un forum dédié aux développeurs et de ne pas pouvoir en imprimer le code !?

J'ai transmis ta remarque et proposé la chose; à suivre

ghohm · 17/07/2007, 17h48

Citation:

Envoyé par Candygirl

Vi c'est clair, en même temps, la règle que j'ai mise t'aurait aussi corrigé le pb d'impression sur developpez

C'est pas faux ... n'est-ce pas FraK ?!

Citation:

Envoyé par Candygirl

J'ai transmis ta remarque et proposé la chose; à suivre

Korko Fain · 26/07/2007, 15h29

Opera aussi te permet d'avoir la main complete sur le css ^^

ghohm · 09/01/2008, 20h05

Grâce aux démarches de Candygirl (

), je viens d'apprendre comment imprimer un bloc de code long, code apparaissant donc dans un bloc étant pourvu d'un ascenseur vertical, exemple : ici. En effet, pour rappel lorsque l'on essaye d'imprimer une telle page : l'impression imprime uniquement ce qui est visible à l'écran et donc tronque la fin du code source !!!

Alors ... il vous suffit de cliquer sur l'élément "Outils de la discussion" du menu propre à la discussion (barre bleue : juste en dessous de la pagination de la discussion) ... pas le menu général du forum qui se trouve plus haut ! Ensuite, cliquer sur "Afficher une version imprimable" et vous obtiendrez ceci.

Comment ça vous n'avez pas accès à ce menu à partir de mon exemple ?!

En fait c'est normal !

Il faut, non pas, ce positionner sur un des posts de la discussion, mais sur l'ensemble de la discussion pour avoir accès à ce menu !

Merci encore Candy !

Gôm

11/07/2007, 11h42	#1
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	[Ergonomie] Impression d'un bloc avec overflow:auto ?! Bonjour à tous, petite question toute bête ... comment imprimer un bloc avec un overflow:auto ... pour que ça paraisse moins abstrait à certain = le bloc contenant mon code ici ? Je pense que niveau ergonomie (concernant l'impression) c'est un point faible de ce forum. Gôm __________________ Quand on n'a pas d'tête, on a ...
	00

16/07/2007, 15h39	#2
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	je comprend pas trop ta question lol ^^ tu veux avoir le bloc a l'écran c'est bien ca ? (avec scrolls et tout ca) __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

16/07/2007, 15h44	#3
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	Effectivement tu comprends pas trop la question ! A l'écran, j'ai un bloc ayant son propre ascenceur ce qui fait que la partie du bloc nécessitant d'être scroller pour être lu ... à l'écran, ne peut pas être imprimée !? Fait un test avec le lien que j'ai posté dans mon 1er post et tu comprendras ! __________________ Quand on n'a pas d'tête, on a ...
	00

16/07/2007, 16h11	#5
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	Ah là tu as tout compris ! Le problème c'est que je n'ai pas la main sur les sources du site Internet dont je parle ... au même titre que je n'ai pas la main sur les sources de dvlp.com !!! Connais-tu un moyen de "forcer" l'impression alors qu'aucun CSS spécifique à la sortie sur imprimante n'a été prévue ?! __________________ Quand on n'a pas d'tête, on a ...
	00

16/07/2007, 16h22	#6
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	en voila une bonne question lol =) sans css, je ne saurais pas quoi te dire ... j'ai vu effectivement le code de ton bloc (bon je connais les bases mais je suis pas un dev. avancé) et en partant de là, sans css, ca m'a l'air plutot hardus ^^ Peut être as tu moyen justement de récupérer les sources de ton site avec un "aspirateur de site" si le webmaster n'a pas bloqué cette option. A voir ^^ __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

16/07/2007, 16h27	#8
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	j'imagine bien oui =) et tu n'as pas moyen au pire de contacter le webby et de lui demander si il peut te "preter" son css ? ;p __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

16/07/2007, 16h29	#9
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	Malheureusement non ! Sinon concernant le Webmaster de dvlp.com ... si il passe par là ... il serait bon de modifier (ou de compléter) le CSS pour permettre l'impression de ces mêmes blocs ! __________________ Quand on n'a pas d'tête, on a ...
	00

17/07/2007, 06h51	#10
MasterOfChakhaL Rédacteur Développeur Web Inscription : juin 2004 Messages : 2 148 Détails du profil Informations personnelles : Sexe : Âge : 32 Localisation : France Informations professionnelles : Activité : Développeur Web Secteur : Conseil Informations forums : Inscription : juin 2004 Messages : 2 148 Points : 2 628 Points : 2 628	salut, A moins que tu ne veuilles automatiser le truc, pourquoi ne pas simplement faire un copier coller? Certains navigateurs te permettent d'avoir la main sur le css. Opera te propose plusieurs mode (accessibilité, desactiver les flottants, desactiver les positionnements). Sinon, maintenant que j'y pense, firefox avec l'extension firebug te permet de d'avoir le controle complet sur le css (tu désactives ce que tu veux, tu en rajoutes...) __________________ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ N'oubliez pas de cliquer sur quand votre question à trouvé une solution. Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!
	00

17/07/2007, 16h44	#12
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	Merci Candygirl, mais je préfère la proposition de MasterOfChakhaL, qui est d'installer Firebug, car je n'ai ainsi rien à modifier durablement ! J'ai simplement eu à modifier le CSS à la volée et la page s'est miraculeusement alllongée ... oui oui ça vaut bien 3 "l" !!! Merci encore à tous pour votre aide. Sinon, je veux pas jouer les cassandres, mais il serait bon que le forum de dvlp.com soit doté d'un CSS spécifique pour l'impression des blocs de code ... dommage d'avoir un forum dédié aux développeurs et de ne pas pouvoir en imprimer le code !? Gôm __________________ Quand on n'a pas d'tête, on a ...
	00

17/07/2007, 17h08	#13
FraK Membre émérite Développeur Java Inscription : juin 2005 Messages : 819 Détails du profil Informations personnelles : Sexe : Âge : 27 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juin 2005 Messages : 819 Points : 817 Points : 817	comme dirait un certain Perceval de Galles : "C'est pas faux" (mais bon la tout ce qui est dit est compréhensible) __________________ Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p) On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress. »» Mon Blog Musical (drumnbass)
	00

26/07/2007, 15h29	#16
Korko Fain Membre chevronné Étudiant Inscription : août 2005 Messages : 632 Détails du profil Informations professionnelles : Activité : Étudiant Informations forums : Inscription : août 2005 Messages : 632 Points : 632 Points : 632	Opera aussi te permet d'avoir la main complete sur le css ^^
	00

09/01/2008, 20h05	#17
ghohm Membre éprouvé Consultant en Business Intelligence Inscription : mai 2003 Messages : 910 Détails du profil Informations personnelles : Sexe : Âge : 30 Localisation : France, Loire Atlantique (Pays de la Loire) Informations professionnelles : Activité : Consultant en Business Intelligence Informations forums : Inscription : mai 2003 Messages : 910 Points : 407 Points : 407	Grâce aux démarches de Candygirl (), je viens d'apprendre comment imprimer un bloc de code long, code apparaissant donc dans un bloc étant pourvu d'un ascenseur vertical, exemple : ici. En effet, pour rappel lorsque l'on essaye d'imprimer une telle page : l'impression imprime uniquement ce qui est visible à l'écran et donc tronque la fin du code source !!! Alors ... il vous suffit de cliquer sur l'élément "Outils de la discussion" du menu propre à la discussion (barre bleue : juste en dessous de la pagination de la discussion) ... pas le menu général du forum qui se trouve plus haut ! Ensuite, cliquer sur "Afficher une version imprimable" et vous obtiendrez ceci. Comment ça vous n'avez pas accès à ce menu à partir de mon exemple ?! En fait c'est normal ! Il faut, non pas, ce positionner sur un des posts de la discussion, mais sur l'ensemble de la discussion pour avoir accès à ce menu ! Merci encore Candy ! Gôm __________________ Quand on n'a pas d'tête, on a ...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email