Någon som vet hur man sätter upp en css för utskrift. I din HTML-fil lägger du till Ok jag förstår! Ett fungerande exempel: Kanon! table { page-break-inside: avoid; } Ok!Css för utskrift
Förstår inte riktigt hur det går till.
Det jag vill åstadkomma är att tabeler och bilder ej ska brytas mellan sidorna som skrivs ut.
Har provat med
@media print{
table
{
page-break-before: auto
}
}
Men antar att jag missar något väsentligt.Sv: Css för utskrift
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="print.css"media="Print">
Sedan skapar du de 2 .css-filerna, i detta exemplet style.css som är den som hör till skärmen och print.css som är den som hör till skrivaren.Sv: Css för utskrift
Men hur går man till väga för att få tabeller intakta på sidorna?
Koden ovan gör ingenting i utskriften utan tabellerna bryts mellan sidorna.Sv: Css för utskrift
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Testar sidbrytning</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
table {
page-break-before: always;
}
</style>
</head>
<body>
<h1>Testar sidbrytning</h1>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<p>Stycke</p>
<table>
<tr> <th>Rubrik</th> <th>Rubrik</th> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
<tr> <td>Cell</td> <td>Cell</td> </tr>
</table>
</body>
</html>
Sedan kan du själv knåpa lite med att lägga CSS i 2 olika filer och så!
Ett tips när man håller på och leker med CSS för skrivare så är det att använda förhandsgranskningen av websidan. Det blir samma resultat som att testa en utskrift.Sv: Css för utskrift
Detta fungerar ju fin fint.
En fråga om du vet?
Finns det nåt attribut om man vill att tabellen endast ska bryta om sidan inte räcker till?
Har provat med auto i stället för always men den fungerade inte.Sv: Css för utskrift
Det är vad du letar efter! Men tyvärr så fungerar det inte i IE6/Mozilla 1.0 RC3/Netscape 7.0 PR1. Däremot fungerar det fint i Opera 6.02.
Trist när funktionen finns men inte implementeras.
Funktionen jag visade tidigare, table { page-break-before: always; }, är däremot implementerad i IE6/Mozilla 1.0 RC3/Netscape 7.0 PR1/Opera 6.02Sv: Css för utskrift
Typiskt, just det jag var ute efter.
Får försöka komma på något annat för att lösa detta då!