Bon j'ai bien regarder la doc d'open web et d'autre doc trouver sur le net

il montre comment imprimer en mode paysage comme sa :


[code]<style type="text/css">
@page { size:landscape; }
</style>
[/code]
donc j'ai essailler sur ma page est moi sa marche pas : /

suis quelque peu pommé la

ma css :

[code]<style type="text/css">
<!--
body {text-align: center; background-color: #009966; color: #333333}
table {border: 3px double #006666; width: 515px; border-collapse: collapse; background-color: #ffffff; margin: 0px auto 0px auto}
td {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
th {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
p, blockquote {text-align: left; background-color: #99cccc; color: #cccccc}
h3 {font-family: verdana, helvetica, sans-serif; text-align: center}
p, li {font-family: verdana, helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding-left: 5px; text-align: left; background-color: transparent; color: #333333}
.block {font-size: 9pt; font-weight: normal; color: #663300}
textarea {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 249px; height:60pt; background-color: #ffff99; color: #333333}
select {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 90px; height:17pt; background-color: #ffff99; color: #333333}
input {border: 1px solid #006666; background-color: #ffff99}
input.cases {width: 249px}
input.verif {width: 150px}
td.truc {background-color: #ffffff; border-color:#009966;text-align: center;}
@page { size: landscape; }
-->
</style>[/code]

sinon jai ossi creer une autre feuille de style pour limpression:

[code]<link rel="stylesheet" type="text/css" media="print" href="print.css" />[/code]

qui comprend cette simple ligne:

@page { size: landscape; }

et sa ne fonctionne toujours pas : /

As-tu lu la page d'Openweb que je t'ai indiquée ? ;)
Il y a toutes les infos et explications nécessaires.

Indice : ta balise <style> manque d'attributs...

<div id= '<?php echo $rangGroupe['groupe']; ?>'> salut </div id= '<?php echo $rangGroupe['groupe']; ?>'>

Albat tu exploite sa comment?

[code]<style>
<!--
body {text-align: center; background-color: #009966; color: #333333}
table {border: 3px double #006666; width: 515px; border-collapse: collapse; background-color: #ffffff; margin: 0px auto 0px auto}
td {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
th {border-top: 1px solid #006666; border-bottom: 1px solid #006666; border-color:#009966}
p, blockquote {text-align: left; background-color: #99cccc; color: #cccccc}
h3 {font-family: verdana, helvetica, sans-serif; text-align: center}
p, li {font-family: verdana, helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding-left: 5px; text-align: left; background-color: transparent; color: #333333}
.block {font-size: 9pt; font-weight: normal; color: #663300}
textarea {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 249px; height:60pt; background-color: #ffff99; color: #333333}
select {font-family: verdana, helvetica, sans-serif; font-size: 10pt; border: 1px solid #006666; width: 90px; height:17pt; background-color: #ffff99; color: #333333}
input {border: 1px solid #006666; background-color: #ffff99}
input.cases {width: 249px}
input.verif {width: 150px}
td.truc {background-color: #ffffff; border-color:#009966;text-align: center;}

@page retournee {size: landscape}
div {page: retournee}

-->
</style>[/code]

Ayant pas de css pour l'imprimante jai ajouté ces deux petite lignes

sinon un exemple de mon div :

[php]<div id= '<?php echo $rangGroupe['groupe']; ?>'> salut </div id= '<?php echo $rangGroupe['groupe']; ?>'>[/php]

je vois pas trop comment l'utiliser : / vu le nom de mon div (jpeu pas donner autre chose )

Comme tu peu t'en douter sa ne fonctionne pas (sa imprime toujours comme avant)

tu peu un peu mieu m'expliquer ?

@page { size:landscape; } ;

Dans ton CSS à destination de l'imprimante (media="print") :
[php]@page { size:landscape; } ;[/php]
Plus d'infos sur : http://openweb.eu.org/articles/css_impression/

lol voila c sa

suis vraiment pas doué pour m'exprimer,

et ya une fonction js pour que sa se fasse automatiquement?

donc, ce que tu veux faire, c'est imprimer un tableau de 29,7 cm de large sur 21 cm de haut ?
Donc imprimer en mode paysage.

lol je dois mal m'expliquer désolé albat
je retente une troisieme fois :)

en faite c comme si tu tennais une page normale mais que le contenu de la page soit ecrit sur sa longueur (la plus longue partit ) et pas la largeur.

(il doit etre en faite a 90° de ce qu'il est normalement )

ps : sur ton dessin il faudrai que le haut des caractere se trouve a gauche et les cases sa donnerai sa

2 4

1 3

voila

Imprimer les textes verticalement dans les cellules ?

Comme ça ?[code]+---+---+-...
| C | C |
| a | a |
| s | s |
| e | e |
| | |
| 1 | 2 |
+---+---+-...
| C | C |
| a | a |
| s | s |
| e | e |
| | |
| 3 | 4 |
+---+---+-...[/code]

lol nop nop , ce que je veu dire en disant imprimer a la verticale c'est vraiment imprimer a la verticale

exemple si un texte est imprimer , il faut le lire a la chinoise de haut en bas ,tu vois ce que je veux dire (imprimer dans la longueur et non dans la largeur )

voila voila :)

dsl pour ces explications trés... explicites ^^ :D

Qu'appelles-tu "imprimer à la verticale" ?
Imprimer en mode portrait ?

Il me semble bien que c'est pourtant la valeur par défaut... :-k

Bonjour vous tous ,

Je vous ecris car jai un soucis
Sur ma page web , j'ais un tableau qui est trop grand pour etre imprimer a l'horizontale alors je me demandais comment l'imprimer a la verticale

ma fonction qui permet d'imprimer est celle ci:

[code]<script language="JavaScript">
function imprime_zone(titre, obj)

{
// Définie la zone à imprimer
var zi = document.getElementById(obj).innerHTML;

// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");

// Définit le Style de la page
f.document.body.style.color = '#000000';
f.document.body.style.backgroundColor = '#FFFFFF';
f.document.body.style.padding = "10px";

// Ajoute les Données
f.document.title = titre;
f.document.body.innerHTML += " " + zi + " ";

// Imprime et ferme la fenetre
f.window.print();
f.window.close();
return true;
}
</script>[/code]

(C'est un script que j'ai trouver sur internet qui marche plutot bien)

merci de m'aiguiller parce que je n'ais pas trouver grand chose a ce propos sur monsieur google :)