Bordure de couleur autour du tableau

Signaler
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021
-
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
-
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

4 réponses

Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021

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
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772
Faisable avec box shaddow :

En réglant les offset à 0

https://www.w3schools.com/CSSref/css3_pr_box-shadow.asp
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021

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.
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772
L'ombre avec les bons paramètres peut faire un cadre d'une couleur définie en plus de border.
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021
>
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021

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,
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772 >
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021

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".
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772 >
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021

Si vraiment cette solution ne convient pas, j'ai aussi d'autres pistes.
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021
>
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021

Merci Pierrecastor,

Ta solution m'intéresse toujours pour l'avenir et je suis curieux de savoir comment faire.

Mais j'ai rendu mon devoir parce qu'il y avait une date à respecter.
Je te remercie encore de m'avoir répondu si souvent.
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772 >
Messages postés
19
Date d'inscription
mardi 7 janvier 2014
Statut
Membre
Dernière intervention
25 avril 2021

voir ici, ils présentent diverses solutions :

https://css-tricks.com/snippets/css/multiple-borders/

Personnellement, je trouve le boxshadow et outline les plus simples.
Tableau d'artistes ou tableau de tableur, style calc de libreoffice (https://www.libreoffice.org)
Messages postés
38342
Date d'inscription
mercredi 5 novembre 2003
Statut
Modérateur
Dernière intervention
6 mai 2021
3 772
Vu qu'on est dans la partie CSS du forum, je pense qu'il s'agit de HTML + CSS.