Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

'Skriv ut-länk' som inte syns på papper

pajjen

Startad av pajjen,
i Webbutveckling

Rekommendera Poster

pajjen

pajjen

Postad
Postad

Jag försöker fixa till en 'Skriv ut-länk' som (förstås) ska synas på webbsidan, men inte när sidan skrivs ut på papper. Har försökt med mycket olika trixande nu, men får inte till det.

 

Någon som vet ett sätt att göra det på?

 

Länk till kommentar
Dela på andra webbplatser
.sun

.sun

Postad
Postad

Mer exakt svar:

 

Om din skriv ut-länk tillhör klassen "printit" tex, så kan du göra så här:

 

<html>

<head>

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

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

</head>

<body>

<a href="javascript:window.print();" class="printit">Skriv ut</a>

</body>

</html>

 

I filen screen.css kan det då stå

 

.printit { text-decoration: underline; }

 

men i print.css måste det stå

 

.printit { visible: hidden; }

 

Då kommer inte länkar av klassen "printit" att synas på utskriften.

 

Länk till kommentar
Dela på andra webbplatser
pajjen

pajjen

Postad
  • Trådskapare
Postad

Stort tack Micke_skane och .sun!

 

Det här är en CSS-finess jag missat - klart användbart till mer än det jag frågade om.

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...