Avatar billede 1005 Nybegynder
10. september 2004 - 17:32 Der er 6 kommentarer og
1 løsning

print med stylesheet

jeg har til min hjemmeside følgende print stylesheet - jeg har et logo .gif som jeg ønsker med i udprintet. problemet er at det er for stort, det rækker ud over et a4 ark kant. kan man evt. scalere dette ned i 75 % ?

nedenstående er mit print .css
body {
font-size: 80%;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 100%;
}
div#header {
margin-left:0px;
padding-bottom:10px;
padding-top:10px;
margin-top:10px;
}
#rightcontent {
display:none;
}
#leftcontent{
  display:none;
}
#print{
display:none;
}
Avatar billede hcma Novice
10. september 2004 - 18:39 #1
ved det ikke, men du kunne jo lægge en *.pdf ind i stedet.
Avatar billede knudgert Nybegynder
10. september 2004 - 18:48 #2
Lave to versioner af logoet?
Hvor du så bruger det lille i media@print.
Avatar billede 1005 Nybegynder
10. september 2004 - 19:58 #3
til knudgert - hvordan skal det skrives i css'en? svar for point
Avatar billede knudgert Nybegynder
11. september 2004 - 04:42 #4
Et link til siden ville være en god ide, men princippet er at du har to stylesheet på siden, et til skærm og et til print (det troede jeg at du havde).
<link rel="stylesheet" type="text/css" media="print" href="print.css">
<link rel="stylesheet" type="text/css" media="screen" href="screen.css">
I din css, laver du så en class, der hedder f.eks. udskriv og en, der hedder skaerm.
.udskriv {display: none}i cssarket til print
.skaerm {display: none} i cssarket til skærmvisning.
udskriv skal så ikke vises på print, her placerer du det store logo og om omvendt skaerm skal ikke vises på skærmen, men skal udprintes, her er det lille logo.

Et meget hurtigt lavet eksempel:
http://hjemmesider.frac.dk/media/
http://hjemmesider.frac.dk/media/udskriv.css
http://hjemmesider.frac.dk/media/skaerm.css
http://hjemmesider.frac.dk/media/skaerm.css

Jeg har ganske vidst brugt tekst, men det kunne jo ligeså godt være billeder, der var i hver sin <div>
Avatar billede knudgert Nybegynder
11. september 2004 - 04:46 #5
Fik kopieret det ene link ind to gange ;-)
Avatar billede 1005 Nybegynder
11. september 2004 - 07:45 #6
tak for din beskrivelse - jo jeg har 2 stylesheet, screen og print. men hvis jeg i print skal hente et billede, der er en mindre udgave af mit logo - hvordan gør jeg dette.

#banner{
display:none;
} - her er placeret mit logo
jeg skal istedet hente (lille)logo
hvordan skrives dette - alså stien til (lille)logo i mappen image ?
Avatar billede knudgert Nybegynder
11. september 2004 - 15:23 #7
#banner{
display:none;
}
er det du har stående i dit stylesheet.
På selve siden har du
<div id="banner">
<img src="image/lille_logo.gif" width="200" height="100" alt="alttekst">
</div>
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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