Version imprimable
J'ai construit un simple tableau et utilisé le style writing-mode pour ecrire mes entetes de colonnes en vertical, et cela fonctionne tres bien. j'ai choisi, en fonction de la largeur de mes colonnes d'afficher les entetes soit en vertical, soit en mode normal. Jusque là pas de soucis.
Le probleme arrive qd je tente d'imprimer le tableau. Tous les entetes 'verticaux' ne s'impriment pas alors que les entetes horizontaux s'impriment correctement.
Quelqu'un a t'il une idée ??
Merci d'avance[/b]
oui j'ai remarqué ce bug qu'en impression le writing mode est inversé ...
fait toi un media screen en inversant le writing mode ...
Effectivement si je supprime 'filter: flipv fliph; ' l'impression s'effectue mais malheureusement dans le mauvais sens :? y a t'il une solution pour contourner ce bug ?
Merci
ben oui je viens de te la donner !
media print et tu enlèves le flip h et v dans le style du media print'
Désolé d'etre si lourd mais je suis loin d'etre un Goliath du html, j'ai bien cherché un peu mais je ne comprend pas tout :cry:
Voici ce qui existe dans mon code tres simple :
<style>
.orient{ writing-mode: tb-rl; filter: flipv fliph;}
</style>
que j'appelle dans le tableau par <p class="orient".....
Avec en plus pour la definition du tableau :
<style type="text/css">
table {
border:2px solid #6495ed;
border-collapse:collapse;
width:100%;
margin:auto;
}
thead, tfoot {
background-color:#D0E3FA;
font-family:sans-serif;
border:1px solid #6495ed;
}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
border:1px dotted #6495ed;
background-color:#EFF6FF;
font-family:sans-serif;
font-size:80%
}
td {
font-family:sans-serif;
font-size:70%;
border:1px solid #6495ed;
text-align:center;
}
caption {
font-family:sans-serif;
}
</style>
Que dois-je rajouter ! une fois encore excuses moi d'insister
Merci
les balises codes.
Merci, au moins c'est clair !! :D et la prochaine fois je ne serais peut etre pas ' recalé '
Merci encore