Skriva ut en sida

2010-01-12 17:25

Medlem

Registrerad: Mar 2002

●

Skriva ut en sida

Hittar mkt css om hur man gör för att välja sina stycken att skriva ut. Men inget om någon "skriv ut länk". Vill inte ha någon knapp, utan bara en länk.

Jobbar inte med någon server, bara med html och css så då kan man inte få upp ett exempel/genererad sida?

Rapportera Redigera

Citera flera Citera

2010-01-12 17:31

Permalänk

KurreKula

Medlem

Plats: Bromma
Registrerad: Aug 2008

●

http://javascript.about.com/library/blprint.htm
Istället för en input type button kan du använda en <a>-tagg

Visa signatur

Asus Striker II Extreme / XFX Geforce GTX 280 / Q9450 @ 3.6GHz/ TRUE Noctua 120/ 4x1GB Corsair TWIN3X2048-1333C9DHX / X25-M G2 80gb Velociraptor / Win 7 Ultimate x64/ Antec P190

MovieDatabase

Rapportera Redigera

Citera flera Citera

2010-01-13 12:37

Permalänk

MB

Medlem

Registrerad: Mar 2002

●

Tackar för det. Finns det något sätt så man kan se en förhandsgranskning? Kör dock inte med php eller något sånt.

Rapportera Redigera

Citera flera Citera

2010-01-13 13:03

Permalänk

KurreKula

Medlem

Plats: Bromma
Registrerad: Aug 2008

●

Citat:

Ursprungligen inskrivet av MB
Tackar för det. Finns det något sätt så man kan se en förhandsgranskning? Kör dock inte med php eller något sånt.

Du kör väl en popup med en <a href="" target=_"blank"> eller med JS ifall du vill en viss bredd ?

Visa signatur

Asus Striker II Extreme / XFX Geforce GTX 280 / Q9450 @ 3.6GHz/ TRUE Noctua 120/ 4x1GB Corsair TWIN3X2048-1333C9DHX / X25-M G2 80gb Velociraptor / Win 7 Ultimate x64/ Antec P190

MovieDatabase

Rapportera Redigera

Citera flera Citera

2010-01-13 19:09

Permalänk

MB

Medlem

Registrerad: Mar 2002

●

jo men min ska skilja sig lite ifrån hur websidan ser ut. Har ingen skrivare så ser ju inte om det ser ut så som jag vill.

Rapportera Redigera

Citera flera Citera

2010-01-13 19:20

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Detta kanske du har koll på nu då men bara ifall:

Skapa en separat css som du länkar in i dokumentet innanför <head>,

<link rel="stylesheet" type="text/css media="print" href="print.css" />

Skriv sedan i denna css tex:

#header, #menu, #ads {
    display:none;
}
img {
    display:block;
    float:left;
    margin-right: 10px;
}
/*Und zu weiter..*/

Använd sedan Print Preview i IE eller ta hem PrintPreview plugin till Firefox.

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-02-18 13:09

Permalänk

MB

Medlem

Registrerad: Mar 2002

●

edit: tomt

Senast redigerat 2010-02-18 13:21

Rapportera Redigera

Citera flera Citera

2010-02-18 13:22

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Citat:

Ursprungligen inskrivet av MB
Funkar bra när jag kör mac och Fx, men kör jag win 7 och installerar pluginen så händer inget.
Vet inte om man behöver aktivera/acceptera tillägg i Fx någon stanns?

Verkar som att de lagt till förhandsgranskning i Fx 3.6, prova att uppdatera och hoppa pluginen.

Visa signatur

Rapportera Redigera

Citera flera Citera

2010-02-18 13:35

Permalänk

MB

Medlem

Registrerad: Mar 2002

●

Fick lagt till en annan så jag fick förhandsgranskning i menyn direkt istället.

Men är i ett dilemma som jag inte begriper mig på.

Hur kan de här 2 "lika" sidorna visa olika i utskriftsförhandsgranskningen?

http://eesportcars.se/carrera1.html
http://eesportcars.se/caymans1.html

I carrera sidan så finns ju menyn och lite andra divar kvar medans i caymans sidan så är det borta.
Men på bägge sidorna finns "headern" kvar.
Vill ha bort de

print.css ser ut så här:

@media print {
body { font-family: Georgia, Times, serif; font-size: 10pt; color: #000000; background-color: #ffffff; }
}

#menu {display: none;}
#header {display: none;}
#myslidemenu {display: none;}
#rubrik {display: none;}
#genvagar {display: none;}
#genvagartopp {display: none;}
#overbild {color:#000000; background-color: #ffffff;}
#utskrift {display:inline; color:#000000; background-color:#FFFFFF}
#utrustning {float:left; color:#000000; background-color:#FFFFFF; margin: 0px; padding: 0px;}
#utrustningsinfo {float:left; color:#000000; background-color:#FFFFFF}
#center {float:left; color:#000000; background-color:#FFFFFF; margin:0; padding:0;}