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

HTML Discussion :

Impression de bordures de tableau


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Par défaut Impression de bordures de tableau
    Bonjour !

    Existe-t-il un moyen simple pour que les bordures d'un tableau xhtml/css apparaissent lorsqu'on imprime la page ? L'aperçu avant impression affiche tout correctement, par contre une fois la page imprimée, les bords du tableau ont disparus...

    J'aimerais éviter de passer par une génération de PDF...

    Merci!

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu créés tes bordures avec la propriété CSS border ou l'attribut border de la balise table ?

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Par défaut
    Je passe le tout en css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    #content table {
    	width: 100%;
    	border: thin solid black;
    	border-collapse: collapse;
    }
     
    #content tr:hover {
    	background: #c1cee7;
    }
     
    #content td {
    	height: 40px;
    	text-align: center;
    	border: thin solid black;
    }

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Pour l'impression essaie de mettre l'attribut border à ton tableau.

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 18
    Par défaut
    Nickel merci beaucoup ! Il suffisait en effet d'ajouter la bordure directement dans la balise <table>.

    Voilà qui va me faciliter une tâche , encore merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Bordure de tableau fine
    Par Thom@s dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 05/04/2006, 11h56
  2. eviter l'impression aléatoire d'1 tableau
    Par zorba49 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/08/2005, 09h57
  3. [HTML/CSS] problème bordure de tableau
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/08/2005, 11h42
  4. [HTML]bordure de tableau
    Par totoranky dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 21/05/2005, 15h36
  5. Bordure de tableau
    Par pmboutteau dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 18/03/2005, 08h51

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