-
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
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 codeLe 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.