• Résolu Pb couleur de la bordure d'un tableau


    Mercredi 24 Avril 2019 à 15:31
    Evasion Graphique

    Bonjour,

    J'ai créé un tableau afin de présenter les créations du groupe, en m'appuyant sur l'aide trouvée dans ces colonnes.

    Je suis presque satisfaite du résultat mais je rencontre un souci pour lequel je n'ai pas trouvé de réponse ; la couleur de la bordure extérieure.

    Seule la bordure de droite est à la couleur voulue mais les autres sont en gris foncé.

    J'ai essayé de "forcer" le code avec le hack !important mais je ne trouve pas où est mon erreur.

    Quelqu'un peut-il m'aider ?

    Exemple

    Merci d'avance

    Vendredi 26 Avril 2019 à 19:05
    Colette95

    Bonsoir,

    Personnellement, à l'inverse de ce que tu indiques, c'est la bordure de droite que je vois en gris foncé alors que toutes les autres sont plutôt couleur violine correspondant au code #7e0237.

    Quelle est donc la couleur exacte que tu souhaites voir apparaître autour de ton tableau car apparemment tu n'as indiqué que celle-ci.

    Vendredi 26 Avril 2019 à 21:59
    Evasion Graphique

    Oups ! 

    Effectivement c'est celle de droite or j'aimerais que toutes soient violines.

    Merci

     

    Samedi 27 Avril 2019 à 07:40
    Colette95

    Je comprends mieux. smile

    Voici les codes que tu as mis dans ton css :

    #background table td {
    padding: 5px;
    border-color: #7e0237;
    border-style: dotted;}
    table {
    border-collapse: separate;
    border-spacing: 5px 5px;
    border-radius:5px 5px 5px 5px;
    border-color: #7e0237;
    }

    Supprime les et mets ceux-ci à la place :

    #content table { /*contour du tableau*/
    border-collapse: separate; 
    border-spacing: 5px; 
    border: #7e0237 solid 1px;
    border-radius: 5px;
    }
    #content table td { /*contour des cellules*/
    padding: 5px; 
    border: #7e0237 dotted 1px;
    }

    Maintenant ta bordure de droite devrait être de la bonne couleur. Le problème vient d'omissions car tu n'as pas, par exemple, précisé le style de ligne souhaité ni la largeur d'ailleurs.

    J'ai résumé plus simplement tes codes et remplacé #background par #content, ça me plaisait mieux étant donné l'endroit où sont situés tes tableaux. happy

    Samedi 27 Avril 2019 à 20:59
    Evasion Graphique

    Bonsoir Colette

    Ah ça...j'avoue que le CSS et moi...

    Si pour les tableaux des galeries c'est impeccable, sur le petit tableau de la page d'accueil  les bordures supérieure et gauche des cellules-titre restent en gris 

    Je laisse faire les pros he

    En tout cas, merci de ton aide, c'est déjà nettement mieux !

    Dimanche 28 Avril 2019 à 08:26
    Colette95

    Rajoute ces codes à la suite des autres :

     #content table th {
        border#7e0237 solid 1px;
    }

    Maintenant tout doit être OK.

    Si tu ne connais pas le css, sache que les tableaux peuvent être configurés dans leur intégralité à partir de l'éditeur d'article, et ce, sans avoir à passer par la feuille de style, ce qui peut éviter bien des ennuis... sarcastic

    Bonne journée. glasses

    Dimanche 28 Avril 2019 à 11:51
    Evasion Graphique

    Yessss !

    You're simply the best ♫ ♪

    Oui j'avais vu mais je me suis dit qu'en cas de changement de skin, il me faudrait probablement adapter les couleurs article par article pour garder une présentation homogène (je suis un peu diptérophile) d'où ce choix.

    En tout cas, un grand merci pour ton aide et le temps pris sur ton week-end.

    Bon dimanche.wink2

    Dimanche 28 Avril 2019 à 11:59
    Colette95

    Bon choix dans ce cas pour de futures modifications. yes




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.