Print css

powpowland Messages postés 396 Date d'inscription Statut Membre Dernière intervention -
XxIncontournablexX Messages postés 50 Date d'inscription Statut Membre Dernière intervention - 6 août 2009 à 17:43

Bonjour,
j'ai une feuille de style pour l'impression et j'ai beau vouloir mettre background : #000000, le fond ressort toujours blanc, comment faire pour qu'il ressorte noir ??

et c'est juste à quelque endroit de la page ce n'est pas partout...

A voir également:

Print css
Print artist - Télécharger - Loisirs créatifs
Print pratic - Télécharger - Photo & Graphisme
Directory list & print - Télécharger - Divers Utilitaires
Print manager - Télécharger - Suite bureautique
Hp universal print driver - Télécharger - Pilotes & Matériel

15 réponses

Réponse 1 / 15

Passarinho44 Messages postés 963 Date d'inscription Statut Contributeur Dernière intervention 132

Tu l'as mis sous quelle balise?
Le body, *, ou autre?

Réponse 2 / 15

powpowland Messages postés 396 Date d'inscription Statut Membre Dernière intervention 20

sur un id qui lui est sur un tr

Réponse 3 / 15

Passarinho44 Messages postés 963 Date d'inscription Statut Contributeur Dernière intervention 132

Tu pourrais nous donner un bout de code pour nous montrer où est ton problème stp?

Réponse 4 / 15

powpowland Messages postés 396 Date d'inscription Statut Membre Dernière intervention 20

voici le print css, il y a que le background qui ne marche pas, sinon les textes changent bien de couleurs sauf vers le blanc :

html {
	width : 744;
	font-family : arial;
	text-align:justify;
	height : 1052;
}

table{
	width : 100%;
	height : 100%;
	border-collapse : collapse;
}

#annee{
	font-style : italic;
	text-align : right;
}

#photo{
	text-align : center;
}

#titre{
	background-color: : #000000;
	color : #ffffff;
	font-weight : bold;
	font-size : 20px;
	height : 3%;
}

#titre1{
	background-color: : #000000;
	color : white;
	height : 10%;
}

.lettre1{
	letter-spacing : 77px;
}

.lettre2{
	letter-spacing : 50px;
}

.lettre3{
	letter-spacing : 67px;
}

.lettre4{
	letter-spacing : 109px;
}

.lettre5{
	height : 1%;
	background : black;
}

et le html :

<html>
<head>
    <link rel="stylesheet" href="index.css" type="text/css" media="screen" />
    <link rel="stylesheet"	type="text/css"	media="print" href="print.css" />

</head>
<body>
	<table>
    <tr id="titre1"><td align="top">
    blalabla</td><td id="photo">photo</td></tr>

    <tr valign="top"><td id="titre" class="lettre1" colspan="2">blabla</td></tr>
    <tr valign="top"><td id='annee'>2009 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>2008 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>2006 :&nbsp;</td><td>bla</td></tr>
    
    <tr align="top"><td id="titre" class="lettre2" colspan="2">blabla</td></tr>
    <tr valign="top"><td id='annee'>2008/2009 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2008 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2007 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Juin 2007 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2006 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Février 06 et 08 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2005 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Hiver de 03 à 08 :&nbsp;</td><td>bla</td></tr>
    
    <tr valign="top"><td id="titre" class="lettre3" colspan="2">bla</td></tr>
    <tr valign="top"><td id='annee'>bla</td><td>bla<br>
bla<br>
bla<br>
bla<br>
bla<br></td></tr>
	<tr valign="top"><td id='annee'>bla</td><td>bla<br>
bla<br>
bla<br></td></tr>
	<tr valign="top"><td id='annee'>bla</td><td>bla<br>

bla<br>
bla</td></tr>

	<tr><td id="titre" class="lettre4" colspan="2">bla</td></tr>
    <tr valign="top"><td id='annee'>bla</td><td>bla</td></tr>
	<tr><td class="lettre5" colspan="2"></td></tr>
    </table>
</body>
</html>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 15

Versus92 Messages postés 133 Date d'inscription Statut Membre Dernière intervention 1

c'est normal qu'il est deux fois deux points ?

(l.24)

Réponse 6 / 15

geoffreyvp

excuse moi je sais pas si c'est la solution mais bon je me lance.

est ce normal que tu ai mis background-color: #000000;
et ensuite color: white;
ca serait possible que il est interprete le color comme le background et comme il est en dernier il serait affiche.

si c'etait pour du texte, mets text-color

Réponse 7 / 15

Versus92 Messages postés 133 Date d'inscription Statut Membre Dernière intervention 1

non color c'est exclusivemment pour le text ...

Réponse 8 / 15

Versus92 Messages postés 133 Date d'inscription Statut Membre Dernière intervention 1

#titre{
background-color: : #000000;
color : #ffffff;
font-weight : bold;
font-size : 20px;
height : 3%;
}

#titre1{
background-color: : #000000;
color : white;
height : 10%;
}

DEUX FOIS DEUX POINTS MEC

Réponse 9 / 15

powpowland Messages postés 396 Date d'inscription Statut Membre Dernière intervention 20

ça change rien...

Réponse 10 / 15

Passarinho44 Messages postés 963 Date d'inscription Statut Contributeur Dernière intervention 132

Tu ne peux mettre qu'une seule fois le même id sur une page.
Remplace tes id en plusieurs fois par des class="" et donc dans ton CSS remplace les # correspondants par des .

Essaie déjà de faire ça.

EDIT : je suis d'accord qu'il faut enlever les doubles : pour le background-color.

Réponse 11 / 15

Versus92 Messages postés 133 Date d'inscription Statut Membre Dernière intervention 1

moi ça marche:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Soluce</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
	width : 744;
	font-family : arial;
	text-align:justify;
	height : 1052;
}

table{
	width : 100%;
	height : 100%;
	border-collapse : collapse;
}

#annee{
	font-style : italic;
	text-align : right;
}

#photo{
	text-align : center;
}

#titre{
	background-color:#000000;
	color : #ffffff;
	font-weight : bold;
	font-size : 20px;
	height : 3%;
}

#titre1{
	background-color:#000000;
	color : white;
	height : 10%;
}

.lettre1{
	letter-spacing : 77px;
}

.lettre2{
	letter-spacing : 50px;
}

.lettre3{
	letter-spacing : 67px;
}

.lettre4{
	letter-spacing : 109px;
}

.lettre5{
	height : 1%;
	background : black;
}
</style>
</head>

<body>
	<table>
    <tr id="titre1"><td align="top">
    blalabla</td><td id="photo">photo</td></tr>

    <tr valign="top"><td id="titre" class="lettre1" colspan="2">blabla</td></tr>
    <tr valign="top"><td id='annee'>2009 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>2008 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>2006 :&nbsp;</td><td>bla</td></tr>
    
    <tr align="top"><td id="titre" class="lettre2" colspan="2">blabla</td></tr>
    <tr valign="top"><td id='annee'>2008/2009 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2008 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2007 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Juin 2007 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2006 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Février 06 et 08 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Eté 2005 :&nbsp;</td><td>bla</td></tr>
    <tr valign="top"><td id='annee'>Hiver de 03 à 08 :&nbsp;</td><td>bla</td></tr>
    
    <tr valign="top"><td id="titre" class="lettre3" colspan="2">bla</td></tr>
    <tr valign="top"><td id='annee'>bla</td><td>bla<br>
bla<br>
bla<br>
bla<br>
bla<br></td></tr>
	<tr valign="top"><td id='annee'>bla</td><td>bla<br>
bla<br>
bla<br></td></tr>
	<tr valign="top"><td id='annee'>bla</td><td>bla<br>

bla<br>
bla</td></tr>

	<tr><td id="titre" class="lettre4" colspan="2">bla</td></tr>
    <tr valign="top"><td id='annee'>bla</td><td>bla</td></tr>
	<tr><td class="lettre5" colspan="2"></td></tr>
    </table>

</body>
</html>

Réponse 12 / 15

XxIncontournablexX Messages postés 50 Date d'inscription Statut Membre Dernière intervention 3

#titre{
background-color: : #000000;
color : #ffffff; <=========== erreur! tu te contredi la!
font-weight : bold;
font-size : 20px;
height : 3%;
}

#titre1{
background-color: : #000000;
color : white <=====================la aussi !
height : 10%;
}
enlève le color:white

Réponse 13 / 15

Passarinho44 Messages postés 963 Date d'inscription Statut Contributeur Dernière intervention 132

Non non pas de problème avec ça : color c'est pour la couleur du texte et background-color c'est pour la couleur du fond.

Réponse 14 / 15

powpowland Messages postés 396 Date d'inscription Statut Membre Dernière intervention 20

ben ça ne marche pas...

et pour info pour Versus92, en normal ça marche pas de problème, c'est pour l'impression que ça marche pas...

Réponse 15 / 15

XxIncontournablexX Messages postés 50 Date d'inscription Statut Membre Dernière intervention 3

je sais pas si ça va fonctionner mais essaie de créer un fichier css ( tu le nomme style.css par exemple)

et tu la reli à ta page html avec la balise <link> ,dans cette balise tu précise le type du media="all"

Votre réponse