IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Associer au clic d'une image un style CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut Associer au clic d'une image un style CSS
    Bonjour tout le monde,

    J'ai ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <style type="text/css" media="print">
    div.page	{ 
    writing-mode: tb-rl;
    height: 80%;
    margin: 10% 0%;
    }
    </style>
    Qui devrait normalement me permettre d'imprimer en paysage.

    Sauriez-vous me dire comment je dosi faire pour que ce code soit appeler lorsque je clique sur une image ?

    J'aimerais donc associer ce code au clic d'une image et pourquoi pas que ce style soit enregistré dans un fichier à part, cela me permettra de ne pas devoir le taper dans chaque page où je dois imprimer mais seulement de l'appeler.

    Merci d'avance.

    beegees

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    je comprends pas bien ce que tu veux faire...
    Attention la propriété writing-mode est une propriété Microsoft qui ne fonctionne qu'avec IE, donc non standard et invalide.

  3. #3
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Bonjour,
    je comprends pas bien ce que tu veux faire...
    Attention la propriété writing-mode est une propriété Microsoft (qui ne fonctionna qu'avec IE donc), donc non standard et invalide.
    Bonjour,

    Merci pour ta réponse.

    J'ai l'image d'une imprimante, je voudrais que quand on clique dessus, qu'un style CSS soit appeler et qu'une ligne de code javascript imprime le document.

    Le CSS permettrait simplement d'imprimer en paysage.

    Par contre je ne savais pas que ça tournerait qu'en IE.

    Merci encore.

    beegees

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    En fait lorsque tu imprimes, la présentation du document switch
    automatiquement sur les style de la CSS print et uniquement celle-ci si tu as précisé le média screen sur la CSS écran, donc tu n'as pas à l'appeler,
    c'est le navigateur qui s'en charge via l'attribut media.

    Pour l'impression en paysage, il y avait la propriété size mais elle a été retiré de CSS2.1.

  5. #5
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    En fait lorsque tu imprimes, la présentation du document switch
    automatiquement sur les style de la CSS print et uniquement celle-ci si tu as précisé le média screen sur la CSS écran, donc tu n'as pas à l'appeler,
    c'est le navigateur qui s'en charge via l'attribut media.

    Pour l'impression en paysage, il y avait la propriété size mais elle a été retiré de CSS2.1.
    Merci Erwan pour ta réponse.

    Mais je dois bien indiquer quelque part que ce style CSS existe dans le document ?

    Dois-je le mettre en header ?

    Comment précisé le media screen ?

    Encore merci
    beegees

  6. #6
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Il vaut mieux que tu créés un CSS spécifique pour l'impression appelé sur toute les pages:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
    Ben pour le media screen ça fonctionne pareil mais avec media="screen"
    Si tu ne précises pas de media ça équivaut à media="all" mais il vaut
    mieux le préciser quand même.

    EDIT
    Mais je dois bien indiquer quelque part que ce style CSS existe dans le document ?
    Dois-je le mettre en header ?
    Oui. Je crois que tu as quelques bases que tu n'as pas encore acquis

Discussions similaires

  1. 2 actions différentes avec un clic sur une image
    Par beegees dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 26/02/2008, 19h37
  2. Récupérer la position d'un clic sur une image
    Par visio dans le forum OpenCV
    Réponses: 1
    Dernier message: 24/10/2007, 08h06
  3. Réponses: 3
    Dernier message: 23/10/2007, 13h35
  4. Clic sur une image
    Par nettoyerforum dans le forum Langage
    Réponses: 5
    Dernier message: 24/05/2007, 19h19
  5. Réponses: 1
    Dernier message: 25/03/2007, 18h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo