[Résolu] Css, display: none; ça marche bien

Bonjour tous, je cherche une solution pour régler mes histoires de inclued, impression et display de css.

Pour ne pas imprimer le côté gauche de la page et avoir ainsi le côté gauche dans sa totalité, je mes uis penchée sur le display: none; des css. j'ai donc mit un
<td width="185" valign="top" class="no_print">
<!-- #include file="../menu/gauche.asp"-->
</td>
sur la cellule de mon tableau contenant les différentes parties de la page

J'ai crée une feuille de style externe print.css contenant
.no_print {
display: none;
}
Le résultat est encourageant puisque en effet seule la partie droite s'imprime (YOUPI) mais le hic de taille c'est qu'a l'écran, la partie gauche (gauche.asp) n'apparait plus non plus !!!
voici un fichier intégrant
.no_print http://www.aliane.fr/clients/INCLUED/francais/agenda/agendaprint.asp

et voici l'original tel qu'il doit apparaitre http://www.aliane.fr/clients/INCLUED/francais/agenda/agenda.asp

Il me faut donc faire un mélange des 2 : apparition à l'écran comme agenda.asp et résultat à l'impression comme agendaprint.asp

Comme vous pouvez le voir ce site n'est pas avec une dominante css, mais petit à petit j'y viens. Ce n'est pas évident je trouve quand on vient de l'ancienne école de basculer dans les CSS.

Comment fait on ?
Modifié par la ptiote (15 Mar 2005 - 15:54)

Il faut que tu distingue le style écran du style impression.

Style écran

<style type="text/css" media="screen">
.taclass{display:block;}
</style>

Style impression

<style type="text/css" media="print">
.taclass{display:none;}
</style>

on peut aussi mettre tous les styles dans un même fichier :

@media screen {
     .no_print {
          /*
          ce que tu veux
          */
    }
}

@media print {
     .no_print {
          display: none;
    }
}

@la ptiote

Est-ce que tu pourrais utiliser le BBCode pour formater tes extraits de code ?

<!-- Comme ceci, c'est plus joli -->

[code ][/code ] (sans les espaces)

Merci !
Modifié le 27 Dec 2004 - 16:36