Avatar billede mik28 Seniormester
02. september 2002 - 19:46 Der er 15 kommentarer og
2 løsninger

media og print

Jeg prøver desperat at få en side printet ud som den passer til min printer. Er der en som kan vise mig hvordan man gør?

Det er vist et eller andet i denne her retning jeg skal have i mit css dokument.

@page { size 8.5in 11in; margin: 2cm }

skal jeg bruge

<div id='page'>
det jeg vil printe
</div>

eller what dælen do I do :-)
Avatar billede mik28 Seniormester
02. september 2002 - 19:49 #1
. kaldes med class
# med id
@ med hvad
Avatar billede lillebror Nybegynder
02. september 2002 - 19:55 #2
http://webbedenvironments.com/dhtml/code/DHTML_CSSCode/02-CSSBasics/SettingCSSforOutput/index.html

kig lidt i kilden på den, der er lavet et web og et print stylesheet
Avatar billede lillebror Nybegynder
02. september 2002 - 19:57 #3
læg forresten specielt meget mærke til
<link rel="stylesheet" href="print.css" media="print">
og
<link rel="stylesheet" href="screen.css" media="screen">
Avatar billede mik28 Seniormester
02. september 2002 - 20:00 #4
det er meget nydeligt, men what dænen do I do
Avatar billede mik28 Seniormester
02. september 2002 - 20:00 #5
Hvordan laver jeg et stylesheet som passer til min printer
Avatar billede mik28 Seniormester
02. september 2002 - 20:02 #6
kan du vise mig et eksempel på et stylesheet som er lavet til en printer
Avatar billede mik28 Seniormester
02. september 2002 - 20:03 #7
jeg kan jo ligeson ikke se stylesheetet der ligger til grund
Avatar billede mik28 Seniormester
02. september 2002 - 20:09 #8
jeg prøver som en gal
Avatar billede mik28 Seniormester
02. september 2002 - 20:10 #9
men jeg gør et eller andet galt
Avatar billede mik28 Seniormester
02. september 2002 - 20:15 #10
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

i mit dokument jeg gerne vil printe

stylesheetet print.css

BODY {
    FONT-SIZE: 10pt; BACKGROUND: white no-repeat; LEFT: 40px; WIDTH: 575px; COLOR: black; LINE-HEIGHT: 12pt; FONT-FAMILY: "Book Antiqua", "Times New Roman", Georgia, Times, serif; POSITION: relative; TOP: 10px; TEXT-ALIGN: justify
}
H1 {
    FONT: bold italic small-caps 2.5em "minion web Georgia", "Times New Roman", Times, serif; COLOR: black
}
H2 {
    FONT: bold italic small-caps 2.5em "minion web Georgia", "Times New Roman", Times, serif; COLOR: black
}
H2 {
    FONT-SIZE: 1.5em; COLOR: black; FONT-STYLE: normal; FONT-VARIANT: normal
}
.dropCap {
    FONT: 300%/100% serif; COLOR: #999999
}
Avatar billede mik28 Seniormester
02. september 2002 - 20:15 #11
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

<body>

<table border='1' width='810'>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>
<tr>
<td width='405' align='right'>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaa123</td>
<td width='405' align='right'>bbbbbbbbbbbbbbbbbbbbbb<br>bbbbbbbbbbbbbbbb456</td>
</tr>

</table>

</body>
</html>
Avatar billede mik28 Seniormester
02. september 2002 - 20:16 #12
HJÆLP
Avatar billede mik28 Seniormester
02. september 2002 - 20:46 #13
hmmm. Jeg kan vel bare sætte hele movevitten ind i relative tabeller
Avatar billede mik28 Seniormester
02. september 2002 - 20:47 #14
det vil jeg i hvert tilfælde prøve
Avatar billede knudgert Nybegynder
02. september 2002 - 20:52 #15
Det kan laves på mange måder, her er det, der skal printes placeret i en div for sig, det kan så være en printvenlig funktion.
http://home13.inet.tele.dk/smedpark/test/media3.htm og lign. på
http://home13.inet.tele.dk/smedpark/media/
Css står på hver side.
endelig kunne lave en særskilt printvenlig side og placere indholdet i en usynlig frame og så lav printfunktionen til denne frame.
Det bliver så med javascript, så spørg om du vil have denne løsning.
Avatar billede mik28 Seniormester
02. september 2002 - 20:57 #16
mit "problem" er at jeg ikke bare kan lave en anden side. Det perfekte ville være hvis du kunne vise mig hvordan jeg printer en del af en side ud. Sådan at forstå at jeg ikke vil printe "printknappen"
Avatar billede knudgert Nybegynder
02. september 2002 - 22:04 #17
Det er jo svært, at svare på uden at se siden, men det gør du jo på en lign. måde, hvor du gør det indhold, der skal printes bliver gjort synligt.
http://home13.inet.tele.dk/smedpark/test/media2.htm
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester