Avatar billede ger2001 Novice
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;

}
Avatar billede Slettet bruger
01. november 2005 - 13:17 #1
Så vidt jeg ved udskrives baggrundsfarver ikke ved print?
Avatar billede ger2001 Novice
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.
Avatar billede nielle Nybegynder
01. november 2005 - 13:27 #3
Du skal vel vare sætte baggrundsfarven til hvid i din print.css.
Avatar billede Slettet bruger
01. november 2005 - 13:46 #4
Så skal du have fat i

@media print {
#news{
background-color: #FFF;
display:block;
}
Avatar billede ger2001 Novice
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.
Avatar billede Slettet bruger
01. november 2005 - 14:13 #6
Oh...du bruger class og ikke id...

@media print {
.news{
background-color: #FFF;
display:block;
}
Avatar billede ger2001 Novice
01. november 2005 - 14:23 #7
Nej, det virker stadig ikke.
Avatar billede 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 ;)
Avatar billede olebole Juniormester
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>
Avatar billede ger2001 Novice
01. november 2005 - 16:20 #10
Jeg kigger videre på det imorgen tidligt og vender tilbage..
Avatar billede ger2001 Novice
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");
}
Avatar billede olebole Juniormester
02. november 2005 - 09:16 #12
Prøv med et link i stedet  :)
Avatar billede ger2001 Novice
02. november 2005 - 09:26 #13
Jeg har den desværre kun på min egen comp.
Avatar billede ger2001 Novice
03. november 2005 - 06:57 #14
Ok så er den lagt ud. Det varede lige lidt inden jeg fandt et sted.
http://www30.websamba.com/gerlack/soeg_formular.asp?vareNR=400605
Avatar billede roenving Novice
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 !-) */

}
Avatar billede ger2001 Novice
07. november 2005 - 09:49 #16
Roenving:
Det virker. Smid et svar så skal du få et svar..
Avatar billede ger2001 Novice
07. november 2005 - 09:50 #17
Øhhh, der skulle selfølgelig stå:
Det virker. Smid et svar så skal du få pointene..
Avatar billede roenving Novice
07. november 2005 - 14:40 #18
Velbekomme '-)
Avatar billede roenving Novice
08. november 2005 - 12:22 #19
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester