Går det med tex CSS att få saker att synas/inte synas när man skriver ut en html-sida? Beror på om webblläsaren klarar DHTML eller inte. > Går det med tex CSS att få saker att synas/inte synas när man skriver ut en html-sida?Utskriftsdirektiv i HTML?
Kan man stoppa in sidbrytningar i html?
/johan/Sv: Utskriftsdirektiv i HTML?
Om du vill dölja text kan du kanske sätta samma fär på den som bakgrunden eller i vissa fall (detta är jag inte säker på) så finns egenskapen "visible", på ett objekt. Testa att sätta det till false.
Radbrytning?? Duger inte <br>? :)Sv: Utskriftsdirektiv i HTML?
Japp, det går utmärkt. Hemligheten ligger i att skapa två olika stylecheets, ett för skärm och ett för skrivare. Detta fungerar i IE5.5SP2, Opera 5.12 och Mozilla 0.9.3.
---------------------- hide.html ----------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Dölja meny vid utskrift </title>
<link rel="stylesheet" type="text/css" href="screen.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
<body>
<h1> Dölja meny vid utskrift </h1>
<h2 class="meny"> Detta ska föreställa en meny </h2>
<p>
Detta är lite brödtext
</p>
</body>
</html>
---------------------- screen.css ---------------------
h2.meny {
position: relative;
visibility: visible;
}
---------------------- print.css ----------------------
h2.meny {
position: absolute;
visibility: hidden;
}
> Kan man stoppa in sidbrytningar i html?
Nej inte i HTLM, däremot går det bra med CSS2.
---------------------- break.html ---------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Sidbrytning vid utskrift </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1> Sidbrytning vid utskrift </h1>
<p class="sidbryt">
Detta är lite brödtext.
Efter detta stycket ska det sidbrytas vid utskrift.
</p>
<p>
Detta är lite brödtext
</p>
</body>
</html>
---------------------- style.css ----------------------
p.sidbryt {
page-break-after: always;
}