Comment arrondir les angles des tableaux ?

Résolu

Excel

kroospy Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Utilisateur anonyme - 5 juin 2013 à 15:07

bonjour,

je debute dans le langage html et voudrais savoir comment arrondir un tableau. que faut il mettre et ou, voici mes fichiers :

dans le fichier html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet"href="style2.css"/>
<title>Titre</title>
</head>

<body>

<div class="Tableau">

Légende 1
Légende 2
Légende 3
Légende 4



Case 1.1
Case 1.2
Case 1.3
Case 1.4



Case 2.1
Case 2.2
Case 2.3
Case 2.4




Case 3.1
Case 3.2
Case 3.3
Case 3.4


</div>
</body>
</html>

dans le fichier css :
.Tableau span {
display:inline;
float:left;
border:1px solid #99CC66;
margin:0px;
padding:3px;
}
.Tableau p {
clear:left;
margin:100px;
padding:0px;
height:120% !important; height:1em;
}
.Tableau p.legende {font-weight:bold}
.Tableau span.col1 {width:70px}
.Tableau span.col2 {width:120px}
.Tableau span.col3 {width:95px}
.Tableau span.col4 {width:140px}

A voir également:

Tableau bord arrondi word
Tableau word - Guide
Word 2013 - Télécharger - Traitement de texte
Tableau ascii - Guide
Espace insécable word - Guide
Supprimer une page word - Guide

5 réponses

Réponse 1 / 5

inspiring Messages postés 1813 Date d'inscription Statut Membre Dernière intervention 265

Si tu veux un peu plus d'infos sur comment personnaliser un tableau html, j'ai fais un petit sujet là dessus :
http://dbmwebdesign.fr/Tutos/design-table/table-design.html

kroospy Messages postés 4 Date d'inscription Statut Membre Dernière intervention

bonjour,
j'ai fais un tour sur ton lien et je trouve qu'il est très intéressant et m'a apporté beaucoup dans mon problème de concevoir les tableaux.
Merci

Réponse 3 / 5

Utilisateur anonyme

Résolu please

kroospy Messages postés 4 Date d'inscription Statut Membre Dernière intervention

bonjour,

resolu

Utilisateur anonyme

Il y a un lien que tu as en haut de la conversation pour qu'elle apparaisse comme résolu!

Réponse 5 / 5

Ysabe_l Messages postés 12708 Date d'inscription Statut Contributeur Dernière intervention 277

Bonjour,

Ce que tu as fait donne peut être l'aspect d'un tableau mais ce n'est pas un tableau.

Un tableau se construit comme ça :

<table> // début de tableau
	<tr> // début ligne 1
		<th>titre 1</th> // titre de la première colonne
		<th>titre 2</th> // titre de la seconde colonne
		<th>titre 3</th> // titre de la troisième colonne
	</tr> // fin ligne 1
	<tr> // début ligne 2
		<td>case 1.1</td>
		<td>case 1.2</td>
		<td>case 1.3</td>
	</tr> // fin ligne 2
	<tr> // début ligne 3
		<td>case 2.1</td>
		<td>case 2.2</td>
		<td>case 2.3</td>
	</tr> // fin ligne 3
</table> // fin de tableau

Et donc pour que les bords soient arrondis dans ton css il faudra mettre

table {
	border-radius: 5px;
}

en mettant le chiffre que tu veux à la place de 5px, c'est l'angle de l'arrondi (plus il est gros plus c'est arrondi).

Discussions similaires

Excel 2010, changer la police d'une liste déroulante

comment figer des donnees d'un tableau automatiquement sur excel

relier des fichiers Excel pour synchroniser automatiquement

Supprimer une page excel

Excel à rencontré un problème et doit fermer [Office 2013]

Rendre les cellules vides au lieu de 0 et ""

Votre réponse

Discussions similaires