/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Et stylesheet til skærm og et til print
Fra : Rasmus Nielsen


Dato : 25-09-02 19:56

Hej,

Jeg ved man kan lave subj. på flg. måde:

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

Men kan man også lave noget ligende, hvis man gerne vil have noget at et
stylesheet, der er skrevet ind i siden til at gælde for skærm og noget for
print, altså:

<style type="text/css">
p (på skærmen) {
font-size: 12px;
}

p (på print) {
visibility: hidden;
}
</style>

--
Venlig hilsen / Best regards,

Rasmus Nielsen.



 
 
Jonas Astrup - HTML.~ (25-09-2002)
Kommentar
Fra : Jonas Astrup - HTML.~


Dato : 25-09-02 20:26

Rasmus Nielsen wrote in dk.edb.internet.webdesign.html:
> Men kan man også lave noget lignende... [snip]

Prøv med @media reglen:

@media print {
/* style sheet for print goes here */
}

http://www.w3.org/TR/REC-CSS2/media.html#at-media-rule

Bedste hilsener,
Jonas


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Knud Gert Ellentoft (25-09-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 25-09-02 20:48

Wed, 25 Sep 2002 20:56:12 +0200, skrev "Rasmus Nielsen"
<postmaster@rasmusn.dk>:

><style type="text/css">
>p (på skærmen) {
>font-size: 12px;
>}
>
>p (på print) {
>visibility: hidden;
>}
></style>

Lav det i cssarket, det er langt det enkleste og i stylesheetet
for screen, sætter du det så ind med class (eller id evt.)

p.classnavn   {font-size: 12px}

og i det for print:

p.classnavn   {visibility: hidden}

Ved visibility: hidden vil der blive en tom plads, når det
printes ud, vælger du at bruge display: none istedet for, så
bliver der ingen tom plads.

Hvis du ikke vil have et særskilt cssark, så kan du sætte det i
<head>:

<style type="text/css">
<!--
@media screen {
p.classnavn   {font-size: 12px}
}
@media print {
p.classnavn   {visibility: hidden}
}
-->
</style>

Læg mærke til, at der to Tuborgklammer.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408877
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste