L'astuce est alors d'encadrer le tableau par des balises <div style="text-align:center"></div> , qui ne servent à rien pour les précédents navigateurs cités, mais qui permettra d'avoir une présentation homogène quel que soit le navigateur.
La propriété permettant d'obtenir une bordure en CSS est tout simplement border . A cet attribut, on pourra associer une épaisseur de bordure ( border-width ), un style ( border-style ) et une couleur ( border-color ).
La propriété CSS border permet d'ajouter des bordures, pour encadrer le tableau et chacune de ses cellules. Le code est le suivant : table, th, td { border: 1px solid black; }, ou table, caption, th, td { border: 1px solid black; } pour inclure le titre dans un cadre.
Pour définir une bordure, on utilise la propriété CSS « border » qui condense les 3 caractéristiques d'une bordure à définir : l'épaisseur (« border-width »), le style (« border-style ») et la couleur (« border-color »). Par exemple : Je rajoute une bordure de 2 pixels d'épaisseur, de forme solide et de couleur noire.
La technique utilisée consiste à fixer la toile en passant d'un côté à l'autre pour équilibrer la tension. Dans la mesure du possible les agrafes doivent être mises au dos pour laisser les chants net (en cas d'encadrement avec une caisse américaine par exemple).
On écrira <TD HEIGHT="10%">, la cellule prendra 10% de la hauteur du tableau. La hauteur peut être aussi en pixel. Les cellules sans % se partageront le reste de la hauteur du tableau de façon égale.
La balise <table> permet de créer un tableau. Il faudra utiliser la balise <tr> pour créer une nouvelle ligne dans le tableau. Entre les balises <tr> et </tr> nous mettrons nos cellules grâce aux balises <td>. Entre les balises <td> et </td> nous mettrons le contenu de la case (texte, image...).
Vous pouvez en feuille de style Css center le contenu d'une cellule de tableau HTML. Pour cela vous devez utiliser la feuille de style Css text-align qui permet entre autre de spécifier un alignement horizontal du contenu au centre de la cellule d'un tableau HTML.
Créer un tableau responsive avec l'éditeur classique
Dans la zone d'édition, créez votre table HTML en définissant les colonnes, lignes et cellules de ce dernier. Ajoutez une « class » à votre table que vous nommerez « responsive-table »
On utilise la propriété CSS border-collapse et sa valeur "collapse" afin de coller les bordures des cellules de notre tableau entre elles.
Afin d'encadrer une différence a - b, on encadre en fait a + (-b) : on ne "soustrait" pas des encadrements : ! si 3 < a < 5 et -2 < b < 3, il est FAUX d'écrire "par soustraction" : 5 < a - b < 2 !!! !
Encadrer un nombre, c'est le placer entre deux autres nombres entiers : l'un plus petit que lui, l'autre plus grand. Exemple : On cherche à encadrer 352. 100 est inférieur à 352 et 1 000 est supérieur à 352.
Pour les tableaux sur toile, vous pouvez par contre vous permettre une moulure plus large, un cadre avec châssis, une caisse américaine ou encore un cadre support imposant où la toile est en relief par rapport à son encadrement. Enfin, pour les esquisses, privilégiez les cadres en verre sans moulure.
La manière la plus simple
Vous utiliserez simplement 2 vis à bois ! Vu de l'arrière, croisez le bord du cadre flottant et vissez dans les montants du cadre de la toile. Placez la toile dans la caisse américaine, retournez les deux en même temps et vissez par derrière !
Pour cela, créer un nouveau calque, sélectionner tout ( Ctrl+A ), aller dans le menu Sélection > Modifier > Cadre. Puis peindre le contenu de la sélection (avec le pot de peinture par exemple), et ajouter le style de calque "Contour" (dans les options de fusion).
La caisse américaine :
Cet encadrement est parfait pour les grandes toiles montées sur châssis de style contemporain. L'espace entre le cadre et le bord de la toile permet de regarder l'oeuvre dans toute son intégralité, le cadre n'empiète pas sur l'oeuvre. La caisse américaine est une solution simple et économique.
Les œuvres sur papier (photos, dessins, gravures…) en particulier, sont vulnérables à presque tout : humidité, chaleur, vent, poussière, taches … Si vous les aimez et souhaitez les conserver longtemps, vous n'avez dès lors pas vraiment le choix : il faut les encadrer !
Une simple sous-verre ou cadre clip (sans baguettes décoratives) peut parfois suffire. L'encadrement alu, noir ou blanc est un intemporel. Il sert davantage à donner un contour à l'affiche qu'à lui apporter une touche déco. En cas de fond blanc, le cadre en bois est une option idéale.
Un élément nommé « table» qui définit le tableau dans sa globalité. Un ou plusieurs éléments « tr» (pour « table row » en anglais qui signifie « ligne de tableau ») qui sont les lignes du tableau. On ajoute un ensemble de balises tr <tr></tr> pour chaque ligne souhaitée dans le tableau.
Créer un fichier CSS
Dans la boîte de dialogue, cliquez sur Feuilles de style CSS. Saisissez ensuite un nom pour votre feuille de style CSS et cliquez sur Créer.