Discussion :

[dicyz]

Bonjour, je suis en train de réaliser des feuilles d'impression en CSS mais j'ai un problème car ma phrase est coupé horizontalement comme sur la photo :



Donc je n'est pas trouvé de commande css pour faire cela, savez-vous comment éviter la découpe de la phrase?

Merci d'avance

[FirePrawn]

Bonjour,

Tu as du rater ta manipulation, on ne voit aucune image

[dicyz]

Tu ne vois pas le texte qui est coupé ?

[bob633]

Si tu donnais un peu de code ...

C'est à toi de gérer le contenu que tu veux lors de tes impressions. Tu peux obliger un retour ligne pour chaque gros titre par exemple. Dès qu'un paragraphe ne rentre pas sur la fin de la page, alors il passe dans la suivante, etc

[dicyz]

Voici mon code CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
body , .logo{ 
  background-color :#fff;
  font-family :Serif;
  font-size :12pt;
 
}
 
@page {
  margin-bottom : 110px;
  margin-top : 50px;
}
 
#page { 
  margin :0;
  border :none;
 
}
 
#banner, #menuright, #footer, #menu, #logo, #boutonImpression{ 
  display :none;
}
 
h1#top { 
  margin :0;
  padding :0;
  text-indent :0;
  line-height :25pt;
  font-size :25pt;
}
 
h2, h3, #contenu h3, #content a, a , #content{ 
  color : black;
}
 
#imp
{
    margin-left:-50px;
    margin-top : 150px; 
 
}
 
.title
{
    text-align : center;
 
 
}
 
.title h2
{
    font-size :25pt;
 }
 
 #dateImp
 {
 font-size :12pt;
 display :inline;
 position : absolute;
 top : 10px;
 left : 50px;
 
 }

et mon code php :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<div id="content">
 
	<?php
        error_reporting(E_ALL | E_STRICT);
        connectionBDD();
        $req=selectAllAct();
    ?>
<div id="dateImp">
            <?php
                echo date("d-M-y");
            ?>
            </div>
	<div id="main">
		<div id="welcome" class="post">
			<h2 class="title">Liste des activités répertoriées</h2>
			<div style="padding-left:100px" class="story2">
 
            <br />
            <div id="boutonImpression">
                <a href="impressionActivite.php" onclick="window.print();">Edition</a>
            </div>
 
 
 
 
            <div id="imp" style="padding-left:130px;">
			<table>
 
            <tr>
                <td><b>Numéro</b></td>
                <td style="padding-left:100px;"><b>Nom de l'activité</b></td>
 
            </tr>
            <tr><td></br></td></tr>
			<?php
 
 
			while($data = mysql_fetch_assoc($req))
			{
                echo'
                <tr>
                    <td style="padding-left:20px;">'.$data['idActivite'].'</td>
                    <td style="padding-left:100px;">'.$data['nomActivite'].'</td>
                    <tr><td></br></td></tr>';
                    ?>
                    <style type="text/css">
 
                        page-break-before:always;
                    </style>
                    <?php
 
 
               echo' </tr>';
 
            }
 
            echo '<br /><br />';
 
			?>		
 
			</table>
            </div>
 
 
			</div>
 
			<br /><br /><br />
 
		</div>
	</div>
 
</div>