Bordure des tableaux?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Bordure des tableaux?

    Bonsoir,


    Je rencontre un petit problème avec les tableaux.
    J'ai mis 1 en bordure dans les propriétés du tableau. Dans l'éditeur je vois bien toutes les bordures. (encadrement, horizontale et verticale)

    Par contre dans la visu, il n'y a que l'encadrement et les lignes horizontale et pas les verticale!!!

    Comment y remédier ?

  • #2
    Bonjour,
    Le mieux ne serait-il pas de créer des classes CSS et les affecter à ce que vous voulez ?
    Cordialement.
    Eric

    Commentaire


    • #3
      Bonjour.

      Sans doute. Mais ça je ne sais pas faire

      Commentaire


      • #4
        Bonsoir,
        Je ne connais pas votre fichier, mais le mieux serait d'encadrer votre tableau par une div.
        Pouvez-vous fournir le code de votre tableau ?

        Connaissez-vous les css ?

        Exemple:

        Code HTML:
        <div class="borduredutableau">
        votre code
        </div>
        
        Puis dans le fichier custom.css.
        .borduredutableau {
        border: solid 1px #000; /*Ce qui encadrera votre code d'une bordure noire de 1px d'épaisseur sur tout son contour.*/
        }
        Pour un tableau, vous devez créer des class pour les lignes, colonnes, cellules.

        Par contre je me pose une question, êtes-vous sûre que votre tableau est responsive ?
        Ne sera-t-il pas trop large pour être affiché correctement quelque soit le display (Ordinateur, téléphone, tablette) ?

        Cordialement.
        Eric
        Dernière édition par Agrepe à 22/05/2021, 21h00

        Commentaire


        • #5
          Bonsoir,
          Je rencontre un petit problème avec les tableaux.
          J'ai mis 1 en bordure dans les propriétés du tableau. Dans l'éditeur je vois bien toutes les bordures. (encadrement, horizontale et verticale)
          Par contre dans la visu, il n'y a que l'encadrement et les lignes horizontale et pas les verticale!!!
          Comment y remédier ?
          Bonsoir, il y a surement une règle qui prend le dessus sur la votre mais sans avoir l'url de la page, impossible de vous aider ...

          Je ne connais pas votre fichier, mais le mieux serait d'encadrer votre tableau par une div.
          Agrepe ... Notre ami cherche juste a faire apparaitre les lignes verticales de son tableau ... il a déjà le contour et les lignes horizontales
          L'encadrer d'une DIV juste pour faire une bordure, c'est pas très logique à mon sens, surtout si le tableau est dans un article ... par contre, vous avez raison concernant le responsive. Il faut y faire attention surtout sur la vue mobile

          Quelques extensions pour résoudre le responsive ...
          https://extensions.joomla.org/extens...onsive-tables/
          https://extensions.joomla.org/extension/up/
          Dernière édition par manu93fr à 22/05/2021, 23h26
          Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
          Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

          Commentaire


          • #6
            Bonjour.

            Effectivement le tableau est dans un article et il est construit avec l’éditeur Wysiwyg de joomla.
            C’est pour cela que je ne comprend pas d’ou vient ce poblème...

            Voilà le code :
            Code:
            <table border="1"><caption>&nbsp;</caption>
            <tbody>
            <tr>
            <td><a href="#Electrique">Electrique</a></td>
            <td><a href="#Extinction">Extinction</a></td>
            <td><a href="#Vanne">Vanne concurrente</a></td>
            <td><a href="#ATEX">ATEX</a></td>
            <td><a href="#Chimique">CHIMIQUE</a></td>
            <td><a href="#CACES">CACES</a></td>
            <td>x</td>
            <td>x</td>
            <td>x</td>
            <td>x</td>
            <td>x</td>
            </tr>
            </tbody>
            </table>
            <p>&nbsp;</p>
            Dernière édition par salva57 à 23/05/2021, 07h41

            Commentaire


            • #7
              C'est bon j'ai trouvé, même si je ne sais pas si c'est normal de faire comme cela.
              En fait je dois aller dans les propriété d'une des cellules du tableau et appliquer à toutes les cellules une bordure à 1 en style solide.

              Merci à tous pour votre participation.

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X