Bordure de couleur autour du tableau

Fermé
chaloumfr Messages postés 22 Date d'inscription mardi 7 janvier 2014 Statut Membre Dernière intervention 3 mai 2022 - Modifié le 15 avril 2021 à 15:29
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 - 27 avril 2021 à 17:17
Bonjour à tous,

Encore besoin d'aide:
Voici ce qu'on me demande dans mon devoir:
créer une bordure de couleur lightblue de 2px autour du tableau.

Le tableau est déjà en place et ça fait quelques heures que je ne trouve pas comment faire.

Merci d'avance,
Chaloumfr
A voir également:

4 réponses

Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129
15 avril 2021 à 15:48
0
chaloumfr Messages postés 22 Date d'inscription mardi 7 janvier 2014 Statut Membre Dernière intervention 3 mai 2022
15 avril 2021 à 16:06
Merci Pierrecastor,

Je crois n'avoir pas été compris et je précise:
je voudrais voir l'entourage noir du tableau et la bordure de couleur différente qui l'entoure
et je ne l'ai pas trouvé dans les différents croquis présentés sur ton site.
Je me retrouve à la même situation.
Merci encore à toi, Pierrecastor,
Chaloumfr
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129
15 avril 2021 à 17:56
Faisable avec box shaddow :

En réglant les offset à 0

https://www.w3schools.com/CSSref/css3_pr_box-shadow.asp
0
chaloumfr Messages postés 22 Date d'inscription mardi 7 janvier 2014 Statut Membre Dernière intervention 3 mai 2022
15 avril 2021 à 19:51
Merci encore Pierrecastor,
mais ce n'est pas ce que je cherchais à résoudre;
ce que tu me proposes est de l'ombre et pas une bordure tout autour du tableau.
Autrement dit j'ai besoin de deux cadres de couleur différente qui entoure ce qui est à l'intérieur du tableau.
Merci encore pour le suivi.
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129
16 avril 2021 à 04:55
L'ombre avec les bons paramètres peut faire un cadre d'une couleur définie en plus de border.
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129
16 avril 2021 à 16:13


C'est ce genre de chose que tu veux obtenir ?
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129 > Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024
17 avril 2021 à 15:04
Je crois que nous ne le saurons jamais. :-[
0
chaloumfr Messages postés 22 Date d'inscription mardi 7 janvier 2014 Statut Membre Dernière intervention 3 mai 2022 > Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024
19 avril 2021 à 09:26
Bonjour et encore merci Pierrecastor,

C'est exactement ce que je recherche, entourer mon tableau à l'intérieur et à l’extérieur d'une bande de couleur différente.
Il ne s'agit pas d'une ombre, mais bien de 2 lignes de couleur différente à l'intérieur et à l'extérieur à une distance de 2px pour chacune.
Merci encore pour ta réponse Pierre et excuse moi de répondre si tard,
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129 > chaloumfr Messages postés 22 Date d'inscription mardi 7 janvier 2014 Statut Membre Dernière intervention 3 mai 2022
19 avril 2021 à 11:57
Ce que j'ai montré en capture d'écran est bien fait avec avec la propriété box-shadow, avec les 2 offset x et y à 0 (les offset, c'est ce qui décale l'ombre sur gauche ou droite et haut ou bas, si ils sont mis à 0, l'ombre sera centré et pourra encadré toute l'élément).
Ensuite, on défini le blur (flou) à 0 pour que ça fasse un trait net.
Puis le spread (dispersion) à la taille qu'on veut avoir (ici, 2px).
Et enfin la couleur.

Tout est dans les CSS Syntax du lien w3shool que j'ai mis.

On cumule ça avec un border classique et on à bien notre double bordure.

On peut mettre le trait produit par shadow à l'interieur de l'élément en rajoutant "inset".
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129 > Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024
24 avril 2021 à 03:04
Si vraiment cette solution ne convient pas, j'ai aussi d'autres pistes.
0
Tableau d'artistes ou tableau de tableur, style calc de libreoffice (https://www.libreoffice.org)
0
Pierrecastor Messages postés 41466 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 5 avril 2024 4 129
17 avril 2021 à 23:17
Vu qu'on est dans la partie CSS du forum, je pense qu'il s'agit de HTML + CSS.
0