Salut, je dois faire un truc comme ça en CSS mais je trouve pas comment faire (j'ai fait un petit dessin )

Le border doit partir du titre et encadrer le tableau

Alors,de façon native tu as la balise <fieldset> qui te donne cet effet.
Et pour l'émuler je sais pas trop, mais il y a quelques discussions qui ressortent sur google, tu peux chercher de ce côté, mais je crois pas que ce soit faisable nativement en CSS

Parfait merci, j'ai parlé de CSS car je pensais pas justement que c'était possible directement en HTML
Une dernière question pour la route : si je veux que les bords prennent plusieurs couleurs je fais comment ? J'ai pensé à border-top border-bottom etc mais je suis limité à 4 côtés donc à 4 couleurs du coup

Pas sûr que ce soit possible, c'est un objet assez particulier, qui est surtout prévu pour les formulaires. Si tu veux des fonctionnalités plus custom il faudra émuler ce comportement (ou utiliser des bibliothèques graphiques qui permettent de faire ce genre de chose, je sais pas si bootstrap inclut ce genre de chose

Ok merci

Il me semble que mettre le titre dans la boîte avec une position:relative devrait suffire ; en outre, il peut éventuellement être mis dans un conteneur (une div) et avoir un float:left pour que ledit conteneur ne prenne pas de hauteur et ne décale pas le tableau vers le bas

https://jsfiddle.net/w2b7gupu/3/
Le seule problème est que le titre doit avoir un background pour masquer la ligne horizontale, si la page a un arrière-plan uni ça passe, dans le cas où c'est une image c'est un peu plus compliqué

Le 10 octobre 2017 à 14:42:50 arsh222 a écrit :
https://jsfiddle.net/w2b7gupu/3/
Le seule problème est que le titre doit avoir un background pour masquer la ligne horizontale, si la page a un arrière-plan uni ça passe, dans le cas où c'est une image c'est un peu plus compliqué

Merci, au final j'ai utilisé fieldset en HTML qui était une solution plus simple
Apparemment pour les bords de couleur il y a une solution sans passer par des bibliothèques graphiques, mais je suis bloqué avec mon border à 4 couleurs au lieu de 7 (pas possible de mettre + de 4 couleurs avec border-color)

Help Une solution avec fieldset m'arragerait si possible

Il y a une propriété border-image qui donne un peu plus de liberté https://www.w3schools.com/cssref/css3_pr_border-image.asp

Le 13 octobre 2017 à 10:13:50 arsh222 a écrit :
Il y a une propriété border-image qui donne un peu plus de liberté https://www.w3schools.com/cssref/css3_pr_border-image.asp

Je vais voir ça merci