Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1185 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS : formattage d'impression

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS : formattage d'impression

n°1383449
benjones
Posté le 08-06-2006 à 09:56:52  profilanswer
 

Bonjour, je débute dans les feuilles de style, et je doit créer un css print pour un site existant.
Ce site est composé de frames (haut, gauche et droite la partie principale).
Est-il possible de n'imprimer uniquement que le parle droite ? Où dois-je insérer mon css ? La page principale, la page pointée par le cadre droit ?
 
Merci beaucoup !!

mood
Publicité
Posté le 08-06-2006 à 09:56:52  profilanswer
 

n°1383464
nargy
Posté le 08-06-2006 à 10:13:14  profilanswer
 

Pour omettre d'afficher un élément, tu utilise la propriété CSS:
display: none;
Il y a des exemples sur le forum de CSS d'impression. Tu ajoute juste une ligne dans l'entête HTML.

n°1383473
benjones
Posté le 08-06-2006 à 10:20:00  profilanswer
 

J'ai mi un id sur mes frame et ai ajouter un display none, ça fontionne merci !!!
Je vais chercher sur le forum pour mettre en forme ce que je veux.
 
Merci beaucoup !!

n°1383561
benjones
Posté le 08-06-2006 à 11:26:40  profilanswer
 

J'ai toujours un soucis, j'arrive bien a cacher mes frames 1 et 2, mais elles sont toujours "présentes". En effet, le contenu du frame 3 s'affiche mais pas sur toutes la page à cause des frame 1 et 2 "invisibles". Peut-on modifier les tailles des cadres en css ?
 
Merci beaucoup !!

n°1383589
xtof_83
Freeride Spirit
Posté le 08-06-2006 à 11:37:27  profilanswer
 

On peu tous faire en CSS, ou presque  :o  
 
Donc met une class, ou identifiant sur tes cadres, et spécifie une taille
 
:D

n°1383600
benjones
Posté le 08-06-2006 à 11:45:45  profilanswer
 

#Frame1
{
   height: 0px;
   display: none;
}
 
#Frame2
{
   width: 0px;
   display: none;
}
 
Mais ça marche pas...
   

n°1383608
benjones
Posté le 08-06-2006 à 11:48:28  profilanswer
 

Est-il possible sinon de spécifier la frame à imprimer ?
 
Merci beaucoup

n°1383682
nargy
Posté le 08-06-2006 à 12:55:32  profilanswer
 

prft je vois pas trop ton problème.
Essaye en plus:
visibility: hidden;

n°1383729
benjones
Posté le 08-06-2006 à 13:54:43  profilanswer
 

Je vais essayer de m'expliquer un peu mieu.
Ma page est composé de 3 frames (haut, gauche et droite) et je ne veux imprimer que la partie droite. Pour ça j'ai créer un bouton avec un code javascript qui met le focus sur le frame droite avant d'imprimer et ça marche.
Cependant, si l'utilisateur souhaite faire un aperçu avant impression ou bien imprimer via le menu du navigateur, la, tout est imprimé, les frames incluses. En effet, un display: none ne fonctionne pas sur les frames, seul un visibility: hidden fontionne. La place occupée par les frames sur la page est donc occupée, même si celle-ci n'apparaissent pas physiquement à l'écran.
 
J'espère avoir été plus clair ;)
J'aimerai donc savoir s'il existe un moyen de n'imprimer que ma frame droite sans javascript. Je souhaiterai que tout soit géré par le css. N'existe t'il pas une commande pour définir la cible dans un css ?
 
Merci de votre aide, ce forum est très enrichissant.

n°1383813
nargy
Posté le 08-06-2006 à 15:02:00  profilanswer
 

ok, essaye avec un overflow.
je suis plus sûr:
overflow: hidden
...il me semble, pour que le contenu des frames s'échappe en dehors de leur cadre, ce qui fait que tout en étant caché le contenu ne gène plus le reste de la page. À voir, si tu as vraiment des frames, de les mettre dans des divs supplémentaires.

mood
Publicité
Posté le 08-06-2006 à 15:02:00  profilanswer
 

n°1383929
benjones
Posté le 08-06-2006 à 16:51:56  profilanswer
 

Rien a faire, ça ne fonctionne pas.. Je crée donc une version imprimable dans un popup, par hazard, comment je peux récupérer les info de mon formulaire de la fenetre mère ??
 
Merci ;)

n°1383953
nargy
Posté le 08-06-2006 à 17:17:48  profilanswer
 

bon ok
 
dans la fenêtre popup, en javascript:

Code :
  1. document.monformulaire.monchamps=
  2. window.parent.monformulaire.monchamps;


Remarque que, en utilisant DOM en JS:
fenêtre parente:

Code :
  1. <div id="A_imprimer"> bla bla </div>


fenêtre popup:

Code :
  1. <div id="A_imprimer">vous ne pouvez pas imprimer sans javascript</div>
  2. <script>
  3. // mettre le contenu du div à imprimer de la fenêtre principale
  4. // dans celui (à imprimer) de cette popup
  5. window.getElementById('A_imprimer').innerHTML=
  6. window.parent.getElementById('A_imprimer').innerHTML;
  7. </script>



Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS : formattage d'impression

 

Sujets relatifs
menu vertical CSS javascriptCSS: affichage d'une balise div en bas de page
Imposer une taille de page pour impressionRecrute Découpeur Xhtml/Css Valid (remuneration : on)
validation W3C de ma CSS: des alertes que je ne comprends pas...Impression d'une page WEB sans en-tête et sans footer
comment appliquer une CSS en fonction d'une condition javascript?décalage CSS sous IE
Probleme CSS avec IE : boite à bords arrondis[RESOLU] [débutant] CSS - comment centrer une DIV?
Plus de sujets relatifs à : CSS : formattage d'impression


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR