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 :

CSS non pris en compte


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut CSS non pris en compte
    Bonjour,
    J'ai une feuille print.css qui comme son nom l'indique sert à l'impression.
    Malheureusement cette page n'est pas prise en compte et je ne comprends pas pourquoi.
    Voici mon script d'en-tête html.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8" />
    	<title><?= TITRE; ?></title>
    	<meta name="description" content="<?php echo DESCRIPTION; ?>" /> 
    	<meta name="keywords" content="<?php echo CONTENT; ?>" />
    	<link rel="stylesheet" media="all" type="text/css" href="./_css/structure.css" /> <!-- Eléments dimensionnels -->
    	<link rel="stylesheet" media="screen" type="text/css" href="./_css/style0.css" /> <!-- Styles personnalisés (couleurs, polices) -->
    	<link rel="stylesheet" media="print" type="text/css" href="./_css/print.css" />
    	<!-- <link rel="shortcut icon" type="image/x-icon" href="icone.ico" /> -->
    </head>
    <body id="imprFiche">
    <!-- suite du code -->
    Voici un extrait de mon code css où bordures et tailles de polices montrent la non prise en compte du css.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    #imprFiche{
    	font-size:10pt;
    	display:none;
    	border:1px solid black;
    }
    #imprFiche label{
    	font-size:9pt;
    	border:1px solid black;
    }

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    où bordures et tailles de polices montrent la non prise en compte du css.
    Ca correspond à quoi au juste la notion de bordures et de taille de police sur un élément en display: none ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut
    Ben justement, c'est encore une façon de voir que le css n'est pas pris en compte, puisque l'élément reste affiché. J'ai mis plusieurs attributs pour vérifier qu'aucun n'est pris en compte.
    Mon problème est qu'en aperçu avant impression, le firebug ne fonctionne pas et je ne peux rien voir.

  4. #4
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Une explication possible serait que votre règle CSS dans "media=print" est moins forte que votre règle dans "media=all".

    Dans tous les cas, validez votre code HTML/CSS au cas où.

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par smccbbm
    c'est encore une façon de voir que le css n'est pas pris en compte, puisque l'élément reste affiché
    Et il ne t'a pas semblé utile de le préciser dans ton premier message bien sûr...

    Bref, tel quel, on n'a manifestement pas assez d'informations pour pouvoir te répondre...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre éprouvé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 718
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 718
    Par défaut
    Et il ne t'a pas semblé utile de le préciser dans ton premier message bien sûr...
    Bien sûr que j'aurais du ! Mais on ne pense pas à tout.

    Après avoir laissé reposer mon sujet quelques jours ça marche et je ne comprends pas pourquoi.

    Par contre, il me reste un problème: Je n'arrive pas à régler les marges par rapport au bord de la feuille. J'ai essayé de jouer sur les padding et margin mais la marge ne change pas.
    Je n'ai pas touché le html mais voici mon css actualisé:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #imprFiche{
    	font-size:10pt;
    	margin:0;
    	padding:0;
    }
    #imprFiche label{
    	font-size:9pt;
    }

Discussions similaires

  1. Css non pris en compte sur safari 2
    Par orphen dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 28/08/2008, 17h45
  2. link vers CSS non pris en compte
    Par Romain93 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/04/2007, 13h47
  3. CSS non pris en compte par ff
    Par krapno dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/08/2006, 14h25
  4. CSS non pris en compte par ie (AJAX)
    Par Wanty dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 29/08/2006, 12h19
  5. CSS non pris en compte
    Par DragOr dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 08/06/2006, 13h18

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