ok...
men lige en lille forklaring --- jeg har div'en "menubox" samt beskeden/linket "xhtml1.1 valid" - som jeg vælger ikke at have med i udskriften...
under <head> kan du se at jeg linker til to stylesheets - det ene med media="screen" og det andet med media="print"
i disse to filer findes forskellige udgaver af css for #menubox - og derudover findes der også i ...print.css en definition af klassen .noPrint som fjerner alt dens indehold fra en udskrift - men lader det stå på skærmen...
for at gøre en lang historie kort, så vises menuen på skærmen - men da man ikke har brug for en menu på en udskrift (der kan man jo ikke klikke på nogle links), så tages den simpelthen væk...
[index.html]
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="
http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>:: skroeder.dk :: Forside</title>
<link rel="stylesheet" type="text/css" href="/style/skroeder.css" />
<link rel="stylesheet" media="print" type="text/css" href="/style/skroeder-print.css" />
</head>
<body>
<div id="header">Skroeder.dk</div>
<div id="headerbar">
</div>
<div id="menubox">
<div id="menucontent">
<a href="/">Forsiden</a><br/>
<a href="/cv.html">CV</a><br/>
<a href="/kompetenceliste.html">Kompetenceoversigt</a><br/>
</div>
</div>
<div id="content">
<h1> Velkommen til skroeder.dk </h1>
</div>
<div id="footerbar">
<span class="noprint"><a href="
http://validator.w3.org/check/referer">Valid XHTML1.1</a> | </span>
© 2003, Søren Munk Skrøder, skroeder.dk
</div>
</body>
</html>
[/style/skroeder.css]
body {
font: 12px tahoma;
margin: 0px;
width:100%;
}
h1 {
margin:0px;
padding:0px;
}
table {
border:1px solid black;
font-size : 12px;
padding:0px;
border-collapse: collapse;
page-break-inside:avoid;
}
table caption {
background-color:#0000ff;
color:#ffffff;
font-weight:bold;
font-size:14px;
font-variant:small-caps;
text-align:left;
padding-left:5px;
border-left:1px solid #000040;
border-right:1px solid #000040;
border-top:1px solid #000040;
}
a, a:visited, a:active {
color:black;
text-decoration:none;
}
#header {
background-color:#ffffdd;
height:40px;
vertical-align:bottom;
font-size:35px;
font-weight:bold;
font-variant:small-caps;
color:#404040;
padding-left:30px;
}
#headerbar {
height:15px;
background-color:#ccddee;
border-top:1px solid black;
border-bottom:1px solid black;
}
#menubox {
width:170px;
float:left;
background-color:#ccddff;
border-bottom:1px solid black;
}
#menucontent {
padding-left:10px;
}
#content {
margin-left: 170px;
padding: 10px 0px 0px 10px ;
border-left: 1px solid #000040;
}
#footerbar {
clear:both;
height:15px;
background-color:#ccddee;
border-top:1px solid black;
border-bottom:1px solid black;
text-align:right;
padding-right:10px;
}
[/style/skroeder-print.css]
body {
font: 12px tahoma;
margin: 0px;
width:100%;
}
h1 {
margin:0px;
padding:0px;
}
table {
border:1px solid black;
font-size : 12px;
padding:0px;
border-collapse: collapse;
page-break-inside:avoid;
}
table caption {
background-color:#0000ff;
color:#ffffff;
font-weight:bold;
font-size:14px;
font-variant:small-caps;
text-align:left;
padding-left:5px;
border-left:1px solid #000040;
border-right:1px solid #000040;
border-top:1px solid #000040;
}
a, a:visited, a:active {
color:black;
text-decoration:none;
}
#header{
background-color:#ffffdd;
height:40px;
vertical-align:bottom;
font-size:35px;
font-weight:bold;
font-variant:small-caps;
color:#404040;
padding-left:30px;
}
#headerbar {
height:15px;
background-color:#ccddee;
border-top:1px solid black;
border-bottom:1px solid black;
}
#menubox {
display:none;
}
#menucontent {
display:none;
padding-left:10px;
}
#content {
margin-left: 0px;
padding: 10px 0px 0px 10px ;
}
#footerbar {
clear:both;
height:15px;
background-color:#ccddee;
border-top:1px solid black;
border-bottom:1px solid black;
text-align:right;
padding-right:10px;
}
.noprint {
display : none;
}
########################
Hvis der er spørgsmål, så spørg endelig...
