Udskrive en netside (det visuelle)
Jeg har genereret en netside ud fra noget css. Denne css opretter nogle "poster" på siden, hvilke jeg viser ovenpå et baggrundsbillede.Så har jeg lavet en knap gennem javascript, som udskriver den visuelle html-side. Problemet er så, at alle disse "poster" bliver udskrevet neden under billedet på udskriften. Disse "poster" skulle slet ikke udskrives. De bliver godt nok angivet i en <ul> i koden, men de fremkommer IKKE under billedet på den visuelle html-side men derimod inde på nogle forskellige koordinat-pladser ovenover billedet.
Spørgsmålet er så, om man kan undgå at få denne <ul> udskrevet neden under billedet? Evt. via et argument i javascriptkaldet til udskrift-funktionen, som får den visuelle container med i sig?
(jeg har forsøgt en del eksempler fra nettet uden held. Bl.a. hvor navnet på et div blev sendt med til en function, som skulle udskrive et billede)
Her er koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS-test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" media="screen">
body {margin: 0; padding: 0;}
a {
text-decoration: none;
}
#page {
width: 420px;
}
#left {
width: 720px;
float: left;
}
#right {
width: 249px;
float: left;
}
#map {
margin:0;
padding:0;
width:720px;
height:720px;
font-family:arial, helvetica, sans-serif;
font-size:8pt;
}
img.top {
vertical-align:top;
)}
#map li {
margin:0;
padding:0;
list-style:none;
}
#map li a {
position:absolute;
display:block;
background:url(blank.gif);
}
#map li a span { display:none; }
#map li a:hover span {
position:relative;
display:block;
width:200px;
left:20px;
top:20px;
padding:5px;
border:1px solid #000;
background:#fff;
text-decoration:none;
color:#000;
filter:alpha(opacity=80);
opacity:0.8;
}
#map a.A0{
top:311px;
left:424px;
width:28px;
height:28px;
}
</style>
</head>
<body>
<table border="0"><tr><td style="width:720px">
<div id="page">
<div id="left">
<ul id="map">
<img src="billede.jpg" class="top" />
<li><a class='A0' href='http://' title='A0'><span>
<b>s</b><br>
<strong>Indhold</strong>: <br>
<strong>Uge</strong>: 1<br>
<br>
</span></a></li>
</ul>
</div>
</div>
</td><td style="align:left; valign:top">
<div id="right">
<SCRIPT LANGUAGE="JavaScript">
if (window.print) {
document.write('<form> <input type=button name=print value="Print" onClick="java script:window.print()"></form>');}
</script>
</td></tr></table>
</div>
</body>
</html>
