[css]grijs font printen

Pagina: 1
Acties:
  • 124 views sinds 30-01-2008
  • Reageer

  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
Ik probeer een html bestand via css aan te passen voor print, maar ik zit met het probleem dat het grijse gedeelte van een header als zwart word geprint. Ik heb zowel hexcode als gray gebruikt maar zonder succes.

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

paragon schreef op 24 mei 2004 @ 15:19:
Ik probeer een html bestand via css aan te passen voor print, maar ik zit met het probleem dat het grijse gedeelte van een header als zwart word geprint. Ik heb zowel hexcode als gray gebruikt maar zonder succes.
1. Je maakt wel gebruik van media="print"?
2. Laat eens een stukje code zien?
3. In welke browser probeer je het?
4. Ligt het niet aan je printer?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
ja ik gebruik media="print" hieronder even de css:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
h1 {
    margin-top:40px;
    margin-bottom:20px;
    font-family:"arial black";
    font-size:72pt;
    font-weight:bold;
    color:#999;
}

    h1 span {
        font-size:36pt;
        color:red;
    }

pagina staat hier: http://paragonxls.xs4all.nl/cpn.html

Ik probeer het in moz1.6 ne de printer print vanuit word wel gewoon grijs.

[ Voor 16% gewijzigd door paragon op 24-05-2004 15:26 ]


  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
dubbel post

[ Voor 97% gewijzigd door paragon op 24-05-2004 15:27 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 00:33

André

Analytics dude

Probeer rgb(153, 153, 153); eens dan, als dat niet werk ligt het iig niet aan je pagina maar aan de browser of printer.

  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
hmm ja in ie6.0 is het wel grijs alleen ondersteund die de pagebreak weer niet :S Browsers om gek van te worden.

Verwijderd

paragon schreef op 24 mei 2004 @ 15:32:
hmm ja in ie6.0 is het wel grijs alleen ondersteund die de pagebreak weer niet :S Browsers om gek van te worden.
IE ondersteund het wel alleen in een br tag geloof ik.

Verwijderd

Ik weet vrijwel zeker dat Internet Explorer wél page-break-before ondersteund. Van page-break-after weet ik dat niet.
Misschien moet je eens proberen om de stijl toe te passen op een block-level element, wat een span dus standaard niet is. De stijl mag niet eens worden toegepast op niet-block-level elementen.

  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
Ik heb dus een   in de span gezet en het werkt maar ik zal er een blocklevel element van maken.

Probleem alleen wat nu opgedoken is dat alle elementen anders staan in IE in vergelijking tot mozilla. Nu zou ik allees dus opnieuw moeten postioneren maar dat is monikken werk. Is er geen een mozila versie die wel grijs fonts kan printen?

Verwijderd

Onderstaande code zorgt ervoor dat je printer na elke tabel een nieuwe pagina print.

We werken hier met IE 6.0 en met onze telefoonlijst werkt het perfect :)

code:
1
2
3
<style type="text/css">
  table.breakhere {page-break-after: always}
</style>

Verwijderd

paragon schreef op 24 mei 2004 @ 16:50:
Ik heb dus een   in de span gezet en het werkt maar ik zal er een blocklevel element van maken.

Probleem alleen wat nu opgedoken is dat alle elementen anders staan in IE in vergelijking tot mozilla. Nu zou ik allees dus opnieuw moeten postioneren maar dat is monikken werk. Is er geen een mozila versie die wel grijs fonts kan printen?
Ik denk dat het aan je font-family declaratie ligt, ik ben nu aan het renderen dus ik kan even geen dreamweaver opstarten.

Probeer dit eens:
code:
1
2
3
font-family: arial, verdana, sans-serif;
font-size: 72pt;
color:#999;

  • paragon
  • Registratie: April 2000
  • Laatst online: 25-05 18:03
Verwijderd schreef op 24 mei 2004 @ 16:54:
[...]


Ik denk dat het aan je font-family declaratie ligt, ik ben nu aan het renderen dus ik kan even geen dreamweaver opstarten.

Probeer dit eens:
code:
1
2
3
font-family: arial, verdana, sans-serif;
font-size: 72pt;
color:#999;
nee dat werkt dus ook niet, ik denk gewoon dat het een bug van mozilla is :S

Verwijderd

paragon schreef op 24 mei 2004 @ 22:33:

nee dat werkt dus ook niet, ik denk gewoon dat het een bug van mozilla is :S
je hebt gelijk, maar ik heb wel een workaround voor je.

HTML:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bugzzzzzz</title>
<style type="text/css" media="all">
   @import "screen.css";
</style>
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
</head>

<body>
<p>This text has to become 60 pts big and red when printing</p>
</body>
</html>


Screen stylesheet:
code:
1
2
3
4
5
6
7
8
9
10
11
body, html {
    height:100%;
    margin:0;
    padding:0;
}
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;    
    margin-left:10px;
}


Print stylesheet
code:
1
2
3
4
5
6
7
8
9
10
body, html {
    height:100%;
    margin:0;
    padding:0;
}
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60pt;
    color: #f00;    
}


http://bugzilla.mozilla.org/show_bug.cgi?id=244602 er is een workaround, selecteer de optie Page Setup --> Print Background (color & images) en het probleem is opgelost.

[ Voor 18% gewijzigd door Verwijderd op 25-05-2004 11:21 . Reden: werkt toch niet ]

Pagina: 1