Problème de retour chariot dans mon css

Problème de retour chariot dans mon css - HTML/CSS - Programmation

Marsh Posté le 16-10-2006 à 15:27:46    

Bonjour !
 
Voila, jai un paragraphe existant sur ma page :
 
<div id="mon_paragraphe">
<div style="display: inline;"><img src="img/image_1.png" border="0"><span> Voici l'image 1</span><div>
<div style="display: inline;"><img src="img/image_2.png" border="0"><span> Voici l'image 2</span><div>
<div style="display: inline;"><img src="img/image_3.png" border="0"><span> Voici l'image 3</span><div>
<div style="display: inline;"><img src="img/image_4.png" border="0"><span> Voici l'image 4</span><div>
<div style="display: inline;"><img src="img/image_5.png" border="0"><span> Voici l'image 5</span><div>
</div>
 
Lorsque je souhaite imprimer, je voudrais déplacer cette zone. J'ai donc écrit cela dans mon ccs d'impression :
 
#mon_paragraphe
{
  position: absolute;
  left: 800px;
  top: 200px;
}
 
Seulment la, le texte il me l'affiche avec un mot par ligne !!!
Genre :
 
|image| voici
           l'image
           1
 
Alors que je souhaiterai obtenir :
 
|image| Voici l'image 1
 
Quel pourrait-être le problème ?
 
Merci.

Reply

Marsh Posté le 16-10-2006 à 15:27:46   

Reply

Marsh Posté le 16-10-2006 à 16:56:14    

augmente la largeur de ta zone
 
au passage , pourquoi t un'utilise pas des li plutot que des div inline


Message édité par flo850 le 16-10-2006 à 16:56:26
Reply

Marsh Posté le 16-10-2006 à 18:42:05    

La mesure de base quand on imprime, c'est des centimetre voire des millimetre, pas de pixel.
La notion de pixel n'a d'ailleur aucune valeur pour une impression. Au mieux le navigateur aura transformé à la volé les tailles de px vers des cm, mais comme il n'existe aucun moyen de conaitre le rapport utilisé, tu risques d'avoir une colone de largeur 1cm.
En fait, les deux rapports les plus probables pour une telle transformation sont :
- les ppp de l'imprimante (point par pouce)
- la largeur de la page en pixel (avec IE6 la largeur imprimable est de 800px quoi qu'on fasse pour une page A4, ce qui dépasse étant ignoré) / la largeur de la feuille en mm
 
En bref : affichage à l'écran : px, em, % ... (cm et mm n'ayant pas d'existante)
impression : %, cm, mm, em (px totalement interdit faute de grosses surprises)
 
 
A noter qu'il est possible de créer une section "@media print" dans un css qui sera les infos css qui ne seront utilié que pour l'impression.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed