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 :

pb avec "bordure" droite d'un tableau


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut pb avec "bordure" droite d'un tableau
    Salut,
    Voilà j'ai un tableau en fait sans bordures (border="0") les "bordures" apparaissent du fait que j'ai mis une couleur d'arrière plan différente de celle de la cellule du tableau... une technique afin d'obtenir des "bordures" de faible epaisseur.
    Dans le tableau il y a du texte aligné "justifié", le problème quand le texte est en italique la "bordure" de droite disparaît sous IE
    voilà un exemple de deux tableaux, un qui illustre bien le pb (dans lequel le texte est en italique) et l'autre sans pb (ds lequel le texte n'est pas en italique)
    Merci de m'expliquer comment résoudre ce pb

  2. #2
    Membre du Club Avatar de Ecclesiaste Dworkin
    Inscrit en
    Octobre 2004
    Messages
    56
    Détails du profil
    Informations personnelles :
    Âge : 38

    Informations forums :
    Inscription : Octobre 2004
    Messages : 56
    Points : 64
    Points
    64
    Par défaut
    chez moi il n'y a pas de probleme... mais dans ton second tableau, tu peux mettre un cell-padding afin de définir un espace entre les bordures et ton textes...
    N'ayons l'air de rien... Soyons désinvoltes...

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    chez moi il n'y a pas de probleme...
    Comment!? Vous arrivez à voir la bordure droite du 1er tableau!? Quel est votre navigateur?

    mais dans ton second tableau, tu peux mettre un cell-padding afin de définir un espace entre les bordures et ton textes...
    En fait c'est le 1er tableau qui m'intéresse... je veux garder un texte en italique, j'ai mis le 2e tableau dans l'exemple juste pour vous montrer que le pb vient du style italique
    Une solution que j'utilise mnt est de mettre le texte de chaque cellule dans un autre tableau sans bordures ni espacement et ça marche! voilà mnt un exemple de cette sollution dans le tableau 3 : capture d'image, page htm.
    Mais c'est quand même abérant de travailler ainsi surtout quand il s'agit de tableau de plusieurs cellules

  4. #4
    Futur Membre du Club
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 7
    Points : 8
    Points
    8
    Par défaut
    Je confirme le problème de bordure sous IE 5, je l'ai vu avant que tu modifies ta page (maintenant ça passe avec ta nouvelle version). Mais ça passait sous Mozilla...

    Je ne peux pas vraiment t'aider sur ce point... mais évite quand même les "techniques de bordures fine" et autres bricolages, mieux vaut trouver la source du problème plutôt que bidouiller, car la bidouille peut générer des comportements innatendus supplémentaires...

  5. #5
    Nouveau membre du Club
    Inscrit en
    Juin 2004
    Messages
    26
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 26
    Points : 29
    Points
    29
    Par défaut
    salut,

    pour avoir une bordure fine tu peux faire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <table width="99%"  style="border:1px solid #333333;" cellpadding="10" cellspacing="0">
    et pour le texte au lieu de <em>:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <p align="justify" style="font-style:oblique;">
    ++

    L.

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    77
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 77
    Points : 46
    Points
    46
    Par défaut
    Citation Envoyé par leris
    pour avoir une bordure fine tu peux faire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <table width="99%"  style="border:1px solid #333333;" cellpadding="10" cellspacing="0">
    Merci leris, ça fonctionne maintenant avec cette ligne de code seule. Le problème est résolu
    Merci pour vos réponses.

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

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