• Résolu tableau css (générateur de tableaux)


    Lundi 27 Février 2023 à 11:21
    magnolia-mgs

    Bonjour

    je voudrais savoir si il y a la possibilité de crée un  tableau avec des coins arrondie

    si oui quel est le code css

    merci d'avance

    Lundi 27 Février 2023 à 15:28
    stormalo

    Bonjour,


    Styliser et contrôler les tableaux ce n'est pas évident.

    Par tâtonnement suite à un test fait sur http://magnoliagraphiquestudio.eklablog.com/  (la page d'accueil), j'ai trouvé cette solution :

    1)  ajouter ce css dans le thème:
      .test  {border-radius: 15px; padding: 10px; border-collapse: separate;  border: 1px solid #492e3f; border-spacing: 10px 5px; }

      .test  td {border-left: 1px solid white; border-right: 1px solid white;}

    2) dans la source html < > mettre class="test" dans la balise <table> pour obtenir <table class="test" border="2" align="center">

    et jouer avec les propriétés et valeurs wink2

    Perso ça à produit ça:

    Ceci en attendant d'autres propositions possiblement plus "abouties"

    à suivre. . .

    Lundi 27 Février 2023 à 15:49
    magnolia-mgs

    Bonjour stormalo

    merci de ta réponse

    j'ai essayer ton code mais cela ne fonctionne pas

     

    j'ai trouver un générateur je vient de l’essayé sur mon blog je trouve cela plutôt pas mal  

    je laisse le lien ici au cas ou ça peux servir https://papyclic-design.blog4ever.com/generateur-de-tableaux

     

     

    Lundi 27 Février 2023 à 21:22
    stormalo

    Merci du retour d'informations. C'est un site blog qui peut effectivement être utile, bien qu'il concerne une autre plateforme et que tout n'est probablement pas adaptable chez Eklablog

    Il peut surtout aider à comprendre par le coté interactif 
    Concernant l'exemple du tableau il utilise des instructions avec des préfixes qui sont aujourd'hui inutiles car standardisées (c'est le cas par exemple pour les border-radius depuis 10 ans, si mes souvenirs sont bons ). Ça n'empêche pas de fonctionner, car les navigateurs assurent la continuité des versions antérieures html et css, c'est juste encombrant pour intervenir dans le code

    Le code que j'ai indiqué est sommaire mais il fonctionne aussi. J'ai testé sur la page de ton blog (voir ma copie d'écran) et sur le blog de démo. Dans la mise en place d'un code il faut parfois peu de chose pour que ça ne fonctionne pas.

    Ceci dit il y a presque toujours de nombreuses façons d'obtenir un même résultat ou des résultats similaires.

    Si ton problème est résolu : bonnes suites.




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