Bonjour, j’ai une page web avec un menu a gauche un formulaire au centre et des box a droite, ainsi qu’une bannière et tout ce qui va avec. Quand je veux imprimer cette page il y a le formulaire plus le menu et les box qui s’imprime ! Mais moi je veux que seulement le formulaire s’imprime !!! Comment faire ???
Edité le 21/08/2007 à 09:19
Salut Bigdid,
Quelle est l’adresse du site concerné ?
dsl mais c’est une page qui est en test sur nos serveur donc elle n’est pas accesible via le web
Edité le 21/08/2007 à 09:33
merci je vais voir ca et je vous dirai le résultat !
si je vais ca comme ca :
<style type="text/css">
@media print {-> tout mes hidden<- }
</style>
est ce que ca va fonctionner ?
ou je doit faire comme ca :
<style type="text/css" @media print >
{-> tout mes hidden<- }
</style>
Edité le 21/08/2007 à 14:24
Dans ton fichier css (exemple foo.css) :
@media print {
.menu {display: none;}
}
Dans ton fichier HTML :
<HTML>
<HEAD>
</HEAD>
<LINK rel="stylesheet" type="text/css" media="print" href="foo.css">
<BODY>
<UL class="menu">
<LI>Accueil</LI>
<LI>Blablabla</LI>
</UL>
</BODY>
</HTML>
Edité le 21/08/2007 à 14:32
Oui ca j’ai vu mais je n’utilise pas de feuille de style “externe” donc je sais pas si je peux faire la même chose sans le “href”.
Bah sinon :
<style type="text/css">
@media print {
.menu {display: none;}
}
</style>
ok c’est ce que je pensais faire !
merci de ton aide !
Sous IE et FireFox il y a une option d’impression qui dit qu’on peux choisir si on veux imprimer toute la page ou que certaine zone et je sais pas si je dis que ca doit imprimer toute la page est ce que ca va prendre le dessus sur le CSS ou pas ?
Normalement ça doit suivre le CSS, mais le plus simple c’est de tester
Non. Ca prend le dessus. L’utilisateur a toujours le dessus, en théorie.
Est ce que le code est juste
"<style type=\"text/css\">
@media print {
.boxTitle {display: none;}
.boxTextBeforeLink {display: none;}
.boxTextAfterLink {display: none;}
.boxBorder {display: none;}
}
@media print {
.level1Title {display: none;}
.level1TextInBox {display: none;}
.level1TextBeforeLink {display: none;}
.level1TextAfterLink {display: none;}
}
</style>"
Oui et non
Oui car ça marchera.
Non, car c’est pas optimisé
@media print {
.boxTitle, .boxTextBeforeLink, .boxTextAfterLink, .boxBorder, .level1Title, .level1TextInBox, .level1TextBeforeLink, .level1TextAfterLink {display: none;}
}
Désolé pour l’indentation (merci à Clubic de virer les sauts de ligne lors du copier coller :/)
ok merci mais le prolème c’est que ca marchera pas si la mauvaise option d’impression est cochée ! Mais il doit surement y avoir un moyen !
Je n’ai pas trop compris là ?
C’était en rapport avec ca ! Mais tu es sur qu’il n’y a vraiment pas un moyen pour passer par dessus l’option ? Parce que je peux quand meme pas mettre un message “attention veuilllez coche tel ou tel option”…
Comme je ne vois pas le problème, je ne peux pas dire
Si je t’ai donné le css print, c’était avant tout parce que c’est une solution pour cacher les éléments du menu. Maintenant, honnêtement je n’imprime pas tous les jours, et je touche pas trop à ces paramètres.
ok bah tant pis je vais vérifier ca