Problème impression puces [Résolu]

Salut à tous et merci d'avance pour votre aide.
J'ai une liste classique <ul><li> avec une image de puce définie avec un background.
#pagecontenu ul{ list-style-type:none; padding-left:12px; display:block; }
#pagecontenu li{ background:url(../images/puce4rouge.gif) no-repeat 0px 7px; text-indent:8px; display:block }

J'ai créé une feuille de style spécifique pour l'impression en redéfinissant les ul li pour que les puces soient imprimées.
#pagecontenu ul{ list-style-type:square; }
#pagecontenu li{ list-style-type:square; }

Mais ça ne marche pas...
Qu'ai je donc fait comme connerie ?
Modifié par tontonh (16 Jul 2008 - 15:20)

Déjà, vérifie que tu déclares bien ta css print après toutes tes css dans le head

Ensuite, ta css print, je mettrais un background:none sur le <li>|</li>

Sinon, si tu peux fournir une page ou une portion du code pour qu'on voit plus clairement d'où pourrait venir ton problème.

Mon print.css est bien positionné dans le head :
<link href="css/commun.css" rel="stylesheet" type="text/css" />
<link href="css/contenu.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="print" href="css/print.css" />


print.css
@page { size :21.0cm 29.7cm; margin: 5cm 10cm; }
body{ background-color:#FFFFFF; color:#000000; font-size:14pt;}

/* début de la partie à ne PAS imprimer */
#conteneur #header {display:none;}
#conteneur #menugauche {display:none;}
#conteneur #menudroite {display:none;}
#conteneur #footer {display:none;}
#conteneur #centre #bandeau_poucet_imprim{display:none;}
#conteneur #centre #pagecontenu #baspage_liens{display:none;}
#conteneur #centre #pagecontenu #baspage_alire{display:none;}
/* fin de la partie à ne PAS imprimer */


#conteneur #centre #signimprim { display:block;}
#conteneur #centre{width:100%; background-color:#FFFFFF;}
#pagecontenu {width:100%; font-size: 14pt; }
#pagecontenu ul{ list-style-type:square; }
#pagecontenu li{ list-style-type:square; }

Hello tontonh et bienvenue ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Je vois le sujet marqué comme résolu mais qu'elle était la solution ?

Pas totalement résolu mais ça me va comme ça (des fois il est bon de baisser les bras)
ça dépend juste du navigateur : ça fonctionne sous IE7, et pas sous Firefox et Safari
Tant pis, j'essayerais de résoudre plus tard.