01. november 2005 - 13:11
Der er
18 kommentarer og 1 løsning
Fjerne baggrundsfarve ved print
Har denne boks som har en baggrundsfarve. Den vil gerne have fjernet, eller gjort hvid ved print. : response.write "<div class='news'" response.write "<table border=0>" response.write " <tr>" response.write " <td><i><b>Varenummer </i></b>" response.write " </td>" response.write " <td>"& rs("varenummer") &"<br>" response.write " </td>" response.write " </tr>" response.write " </table>" response.write "</div>" print.css: #news{ background-color: #CCCC96; display:block; }
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
Slettet bruger
01. november 2005 - 13:17
#1
Så vidt jeg ved udskrives baggrundsfarver ikke ved print?
01. november 2005 - 13:19
#2
Jo hvis de er sat til det. Det var jo netop for at undgå at de blev printet, hvis folk har sat det til.
01. november 2005 - 13:27
#3
Du skal vel vare sætte baggrundsfarven til hvid i din print.css.
Slettet bruger
01. november 2005 - 13:46
#4
Så skal du have fat i @media print { #news{ background-color: #FFF; display:block; }
01. november 2005 - 13:59
#5
Nielle: Det har jeg prøvet...... el barto: skal det erstatte det der står i print.css? Har prøvet og det skete der ikke noget ved. Kan det have noget at gøre med at den <div> det ligger i allerede har en baggrundsfarve.
Slettet bruger
01. november 2005 - 14:13
#6
Oh...du bruger class og ikke id... @media print { .news{ background-color: #FFF; display:block; }
01. november 2005 - 14:23
#7
Nej, det virker stadig ikke.
Slettet bruger
01. november 2005 - 14:48
#8
Måske vi skulle se hele dit site og din CSS? For mit eksempel vil virke såfremt du ikke roder med CSS'en et andet sted ;)
01. november 2005 - 15:32
#9
<ole> el_barto >> der er ikke tale om 'såfremt' ;o) ger2001 >> hvis dit div har baggrundsfarven '#CCCC96', er det med garanti ikke den CSS-kode, du viser, der gør det ... og dermed heller ikke der, du bør rette noget :) /mvh </bole>
01. november 2005 - 16:20
#10
Jeg kigger videre på det imorgen tidligt og vender tilbage..
02. november 2005 - 06:39
#11
soeg_formular.asp: <% Set Conn = Server.CreateObject("ADODB.Connection") Conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.Mappath("/testrapport/database/testrapport.mdb") mode = Request.QueryString("mode") scriptname = Request.ServerVariables("SCRIPT_NAME") if request.querystring("vareNR"&"") <> "" then strSQL = "SELECT * FROM info WHERE varenummer=" & request.querystring("vareNR")&"" Set RS = Conn.Execute(strSQL) end if if request.querystring("vareNR"&"") <> "" then strSQL = "SELECT * FROM varenavn WHERE varenummer=" & request.querystring("vareNR")&"" Set RS3 = Conn.Execute(strSQL) end if %> <html> <head></head> <title>Fejlrapport</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> h3{font-size: 100%;margin:0;padding: 0 0 3px;background: #FFC5FF;color: #000;text-align: center} </style> <link rel="stylesheet" type="text/css" href="roundedPage.css"> <link rel="stylesheet" type="text/css" href="niftyCorners.css"> <link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print"> <script type="text/javascript" src="nifty.js"></script> <script type="text/javascript" src="final.js"></script> </head> <body> <div id="container"><div id="header"><h1>Rapport</h1></div> <div id="menu"> <ul id="nav"> <li id="home"><a href="/testrapport/">Forside</a></li> <li id="who"><a href="/testrapport/upload_formular.asp">Vedhæft filer</a></li> <li id="prod" class="active"><a href="/testrapport/soeg.asp">Rapport</a></li> <li id="prod"><a href="/testrapport/rediger.asp">Rediger</a></li> </ul> </div> <div id="container></div> <div id="content"> <center> <h4>Testrapport for <% response.write rs3("produkt") %></h4> </center> <% do response.write "<div class='box'>" response.write "<b>Dato:</b>"& rs("dato") &"<br><b>Rapport nr.: </b>"& rs("id") & "</diV>" response.write "<div class='box'><i><b><tekst>Beskrivelse<br></i></b>" & rs("beskrivelse") & "</div></tekst>" response.write "<div class='news'" response.write "<table border=0>" response.write " <tr>" response.write " <td><i><b>Tid.: </i></b>" response.write " </td>" response.write "<td>"& rs("tid") & "min" &"<br></td></tr>" response.write " <tr>" response.write " <td><i><b>Udført af: </i></b>" response.write " </td>" response.write " <td>"& rs("udfort") response.write " </td>" response.write " </tr>" response.write " </table>" response.write "</div>" set rs2 = conn.execute("SELECT * FROM filer WHERE idnummer=" & rs("id")&"") response.write "<div id='minipics'>" while not rs2.eof response.write"<ul><li><a href="""& rs2("url") &""" STYLE='text-decoration: none'><img src="""& rs2("url") &""" ></a></li></ul>" rs2.movenext wend rs.MoveNext response.write "<br><div id='content'></div>" Loop While Not rs.EOF %> </body> </html> roundedPage.css: html,body{margin:0;padding:0} body{font:76% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center;padding: 20px} h1,h2{padding-left: 15px;margin: 0} h2{font-size: 160%;color: #555} p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5} address{font-style: normal} div.news{float:left;overflow:auto;width: 250px;background: #E4E7F2;margin: 0px 10px ;font:100%;text-align:left} div.box2{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#E4E7F2;text-align:left} div.box2 p{padding:0 5px} div.tekst{font: bold 100%/1.6 Arial,sans-serif;color: #27518A} div.gradient{background: #F2F2F2;width:250px; repeat-x top;margin: 15px} div.gradient p{margin:0;padding: 2px 5px} p.codehere{color: #F2F2F2} div#container{width:625px;overflow:auto;margin: 0 auto;background-color: #C0CDF2;text-align: Center} div#header{background-color: #4D9FFB;overflow:auto;padding:10px 0} div#header h1{color: #FFF;font-size: 300%;font-weight: 900} div#menu{width:100%;overflow:auto;background: #4D9FFB;padding-top: 5px} ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0} ul#nav{padding-left:35px} ul#nav li{float:left;width:110px;margin-right:2px;text-align: center} ul#nav a{float:left;width:110px;text-decoration:none;background: #FFC;color: #999} ul#nav li.active a,ul#nav a:hover{color: #000} div#content{clear:left;width:600px;border-top:1px solid #999;background-color: #C0CDF2} div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF} div.box{float:right;display:inline;width:125px;margin: 0px 15px 0 5px;background:#E4E7F2;text-align:left} div.box p{padding:0 5px} div#minipics{float:left;width:100%;padding-bottom:10px} div#minipics ul{list-style-type: none;margin:0 15px;padding:0} div#minipics li{float:left;width:100px;margin: 10px 15px 15px 0;background-color: #FFF} div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px} niftyprint.css: @media print { .news{ background-color: #FFF; display:block; } final.js: window.onload=function(){ if(!NiftyCheck()) return; RoundedTop("div#container","#FFF","4D9FFB"); RoundedBottom("div#container","#FFF","#C0CDF2"); RoundedTop("ul#nav li","transparent","#FFC"); Rounded("div.box","#C0CDF2","#E4E7F2"); Rounded("div#minipics li","#C0CDF2","#FFF"); RoundedTop("div.gradient","#C0CDF2","#B8B8B8"); RoundedBottom("div.gradient","#C0CDF2","#ECECF2"); RoundedTop("div.news","#C0CDF2","#E4E7F2"); RoundedBottom("div.news","#C0CDF2","#E4E7F2"); Rounded("form","#FFF","A6CFFD"); Rounded("label","A6CFFD","#FFF","small"); }
02. november 2005 - 09:16
#12
Prøv med et link i stedet :)
02. november 2005 - 09:26
#13
Jeg har den desværre kun på min egen comp.
04. november 2005 - 12:08
#15
Tjah, i Opera og FireFox er baggrundsfarverne med på udskrifterne, mens IEs standardindstilling ikke udskriver baggrundene !-) -- men tilføj dette sidst i dit stylesheet: @media print{ div#container{background-color:white;} /* -- og gør det for alle elementer, der ikke skal have baggrund !-) */ }
07. november 2005 - 09:49
#16
Roenving: Det virker. Smid et svar så skal du få et svar..
07. november 2005 - 09:50
#17
Øhhh, der skulle selfølgelig stå: Det virker. Smid et svar så skal du få pointene..
07. november 2005 - 14:40
#18
Velbekomme '-)
08. november 2005 - 12:22
#19
-- og tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling