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
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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