Jeg har en hjemmeside, indeholdende en hel del sider, hvor jeg gerne vil have lavet en printvenlig funktion, som skriver de enkelte sider ud. uden billeder og tilpasset A4 format.
Har således fundet et script der fjerner billeder og grafik på den printvenlige version og det er ét skrift i den rigtige retning. MEN (!), da jeg har layoutet min side med en fast defineret bredde på 760px, skriver den ikke hele siden ud. Altså skriver den faktisk ud fuldkommen som siden normalt ser ud, bare undtagen billeder.
Jeg leder altså efter en funktion/javascript, der kan "formatere" mine sider til at holde sig indenfor et A4 og samtidigt "ignorere" billeder og grafik.
Ideer!?
(mine sider er lavet i PHP, dog temmeligt analogt - altså ingen dataudtræk. Gør brug af include funktion som det eneste...)
Måden du laver det nemmest på er at have følgende på alle sider: <link rel="stylesheet" href="style.css" type="text/css" media="screen"> <link rel="stylesheet" href="print.css" type="text/css" media="print">
Det normale layout skal ligge i css'en style.css og så skal du lave print.css sådan at det kommer til at passe papiret. Hvis du skal bruge denne model kommer du sansynligvis til at skulle kode en del om, så css'en definerer alt med farver, størrelser og placering.
Synes godt om
Slettet bruger
18. juni 2005 - 16:46#4
Ganske rigtig som pehory siger. Du skal blot indsætte endnu et link til en css fil på dine sider. og da du gør brug af include, er det temlig sikkert kun en fil du skal rediger ;)
Så nej, du skal ikke oprette en side for hver side.
Du skal regne med 640 px i bredden for en A4 (mine erfaringer). Du skal linke til den side man er på :-) Der er én style til skærm og én style papir. Altså er det samme html/php/asp dokument man udskriver som man kigger på. Om du skal total re-layoute må du selv bedømme. Men hvis det er muligt for dig vha. print stylen at få det resultat du vil have, er det vel ikke nødvendigt.
Lige et godt tip: Det kan være meget godt at kunne gøre ting usynlige til print. Dette gøres således (css): visibility:hidden;
Ok, forstår...næsten;) Jeg linker til den samme side, da jeg har attachet to CSS´er. Men hvordan finder mine sider ud af hvilken CSS der er til skærm, og hvilken der er til print?? De er jo begge ganske normalt tilføjet med <link rel="stylesheet"...osv.>?
Well, enten har jeg stirret blind på sagerne eller også er jeg....noget i retning af dum!;)
Er meningen med jeres forslag, at man IKKE skal klikke på et link, "Udskriv side", men blot gå i Filer - Udskriv side osv.??? Og så finder "den" selv ud af, at den skriver ud og bruger print.css på "udskriften". Lyder forunderligt mærkeligt, men hvad.....
Hvis jeres forslag imidlertidigt er et "Udskriv side" link, så dur det ikke bare med et <a href="....> I så fald kan jeg ikke få det til at virke...
Ooooooook! Der var den! Det var jo netop det utænkelige, nemlig at det først er at se på udskriften, ingen behov for udskriv side knap! Sk#¤e smart!:)
Well, et sidste problem; nu slap jeg så for billeder og grafik, hvilket er super. Men, cellerne hvor grafikken er placeret i er, som nævnt, fast defineret i px. Disse celler skal, på en eller anden facon, "kollapse" på udskriften. Altså sådan at min side, som er 760px bred, bliver 150px smallere og således passer på en A4. Kan det lade sig gøre? Og hvis ja, hvordan!?
Tak for hjælpen indtil nu - storartet!;) Sig til hvis der er brug for fler´ point...
Du kan vel bare ændre lidt på dine pixels i style-sheetet. Og hvis de er i dit html dokument må du jo smide dem over i css'en.
Synes godt om
Ny brugerNybegynder
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.