Hjälp med att formatera hemsida för utskrift

2010-09-26 10:10

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Hjälp med att formatera hemsida för utskrift

Hejsan
Jag är ny här på forumet så jag hoppas detta blir rätt, om inte så ber jag om ursäkt.

Jag har en väldigt enkel sida bestående av css o html. Inget mer avancerat än så. Jag är riktigt nybörjare på detta så jag kan inte mycket alls.
Men det är så att jag har en css-fil för att skriva ut, och en för vanliga formateringen.
I explorer så blir det jag skriver ut uppdelat på två sidor ( en bild, eller snarare en ritning) men inte i firefox. MEN det blir inte det på vissa skrivare vilket är rätt mysko anser jag.
Finns det något jag kan lägga in i css-filen som gör att den förminskar bilden automatiskt för att få bilden/ritningen på en och samma sida?

Rapportera Redigera

Citera flera Citera

2010-09-26 11:30

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Då har du hittat rätt, välkommen hit!

Sätt ett id för din bild och styr den med max-width och/eller max-height. Är det den enda bilden på din sida kan du ange img {..} istället. Du kan även deklarera egenskapen width och height, men gör du det samtidigt måste du veta upplösningen så det blir rätt proportioner.

<html>
<head>
<style>
@media print {
	#bild {max-width:100%;}
}
</style>
</head>
<body>
	<img id="bild" src="http://www.nasa.gov/images/content/161387main_launch_lg.jpg" alt="Spaceshuttle launches." />
</body>
</html>

Att utskriften blir olika i olika skrivare borde egentligen ha att göra med vilken webbläsare och dess version, men det låter som sagt lite underligt. Själv har jag aldrig litat på skrivare.

Senast redigerat 2010-09-26 11:45

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-09-26 21:31

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Tusen tack!

Tack så jättemycket för ditt svar, trodde inte jag skulle få svar så snabbt
Så här ser min css-fil ut :

#meny {display:none;}
#menycontainer {display:none;}
#main {float: left; position: absolute; left: 0;}
#bilder {page-break-before:always;}

Ska jag lägga in max-width:100%; i den redan existerande #bilder ?

Vad är den optimala storleken, i pixlar för att det ska bara vara på en sida i utskrift?

Hehe jag håller med dig, ja litar inte på skrivare heller!
Litar inte på olika webläsare heller, inte efter alla mysko grejer som är olika mellan allihop, haha

tack för hjälpen
/Annika

Rapportera Redigera

Citera flera Citera

2010-09-26 22:09

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Japp det ska gå bra, 100% i det här fallet kommer göra att den krymper till papprets bredd. Är bilden högre än ett A4? Testa i så fall detta:

#bilder {max-height: 297mm; max-width: 100%; page-break-before: always;}

Har för mig att ett A4 är 210mm × 297mm.
Page-break-before gör att bilden alltid kommer hamna på en ny sida oberoende av vad du har innan, använd även page-break-after: always; för att göra den helt fristående (om du har innehåll efter).

Allt som har en knapp ska man ifrågasätta.

Om du använder Firefox kan du använda denna plugin för att enkelt se en förhandsvisning av sidan: https://addons.mozilla.org/sv-SE/firefox/addon/1778/

Senast redigerat 2010-09-26 22:17

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-09-26 22:36

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Hmm, har nu lagt in den koden istället, och tagit bort max-procenten. Men det blir nu tre sidor istället för två som tidigare och tänkte jag ska lägga in max width oxå, men det verkar inte som att explorer vill ta koden ...
Tror att det får sluta med att jag får göra bilden så den passar in på ett A4 istället. Grejen är att det är typ en produktkatalog till farsans företag och kunder ska kunna skriva ut dessa ritningar. Står artikelnummer o skit på dom så vissa har blivit brutna mitt i ett nummer, inte så bra
Men, det funkar klockrent på farsans explorer och skrivare. Klockrent i firefox för mig o min skrivare, men inte i explorer och inte i "testkundens" explorer... Jag har varit inne på den där teorin med, att det är webläsarna och versionerna...

haha japp det ska man

Rapportera Redigera

Citera flera Citera

2010-09-26 22:43

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Bra plugin! Men i firefox funkar det ju, knepigt nog...men inte explorer. Sitter och snackar med en kompis nu och de har samma problem på jobbet mellan olika skrivare, när dom skriver ut från explorer. Så ytterligare en explorer sak då

Rapportera Redigera

Citera flera Citera

2010-09-26 22:47

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Hmm...nu får ett pinsamhetsinlägg hamna här, but hell, jag sa aldrig att jag var nån expert Jag hade missat det där du skrev om upplösningen. Och det är där felet ligger! DPI:n låg på 150, vilket fuckade upp det för åtminstone min skrivare, och för explorer. Antar att FF har nåt inbyggt som gör ordning det. Så, nu inväntar jag bara originalbilderna för dom hade försvunnit från datorn.

Ska se om problemet löser sig när jag får originalbilderna och återkommer om resultatet

Men stort stort tack! Jag kommer komma tillbaka med mer frågor snart om en annan sida jag ska börja göra ordning med

Senast redigerat 2010-09-26 23:23

Rapportera Redigera

Citera flera Citera

2010-09-26 23:56

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Jag undrar om inte förhandsgranskningen ljuger när det kommer till bilder, testat i Explorer och Fx och de visar bilder på en sida men jag kan ge mig tusan på att så inte är fallet vid utskrift. I annat fall kanske en eller flera pdf:er kan vara att föredra, det är i varje fall lite mer "what you see is what you get" än webbläsare. Testa köra dem i 72dpi, om det ser ok ut så sparar ni även lite bandbredd och nedladdningstid för användaren.
Yes gör så, vi hänger här för att hjälpa ..oftast.

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-09-27 00:04

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Jo visst är det så.
Men, vad kan man förvänta sig då det är en dator?

Rapportera Redigera

Citera flera Citera

2010-09-27 00:07

Permalänk

eastmountain

Medlem

Plats: Ö-vik
Registrerad: Sep 2010

●

Jepp, jag ska testa det när jag får filerna, förhoppningsvis får jag dom imorn. Men de som är förminskade som ja har är alldeles för dålig kvalité på för att klara 72dpi tyvärr. Men hoppas dom andra håller måttet

Rapportera Redigera

Citera flera Citera

2010-10-10 15:46

Permalänk

eastmountain

Medlem