Tableau html

keoras -
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention - 16 août 2012 à 15:02

Bonjour,

J'aimerais savoir comment faire ça en xhtml:
http://imageshack.us/photo/my-images/7/screenshot004ki.jpg/

Merci d'avance pour votre aide.

Afficher la suite

A voir également:

Tableau html
Tableau word - Guide
Trier tableau excel - Guide
Editeur html - Télécharger - HTML
Imprimer un tableau excel - Guide
Tableau croisé dynamique - Guide

3 réponses

Réponse 1 / 3
tidjool

Bonjour,
Ici, c'est très bien expliqué :
http://magali.contensin.online.fr/html/SYNTAXE_HTML/Tableau.html
0

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

Bonjour, comme ça

<!DOCTYPE html>
<html>
	<head>
		<title>tableau</title>
		<meta charset="UTF-8" />
		<style type="text/css">
			table {
				border-collapse: collapse;
			}
			td {
				border: 1px solid black;
				width: 100px;
				height: 30px;
			}
			.color1 {
				background-color: #429EFB;
			}
			.color2 {
				background-color: #C4E0FC;
			}
			.color3 {
				background-color: #E0EDFA;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td class="color1"></td><td class="color1"></td><td class="color1"></td>
			</tr>
			<tr>
				<td rowspan="4" class="color1"></td><td class="color2"></td><td class="color2"></td>
			</tr>
			<tr>
				<td class="color3"></td><td class="color3"></td>
			<tr>
				<td class="color2"></td><td class="color2"></td>
			</tr>
			<tr>
				<td class="color3"></td><td class="color3"></td>
			</tr>
		</table>
	</body>
</html>
</body>
</html>

keoras

Merci mais on est obliger de faire un tableau pour faire ça ? Pas possibilité d'utiliser des div ?
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

si c est possible avec des div
0
keoras

D'accord mais comment faire ?
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

bon attend je te fait un code
0

@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

c'était très chiant à faire

mais voila

<!DOCTYPE html>
<html>
	<head>
		<title>tableau</title>
		<meta charset="UTF-8" />
		<style type="text/css">
			div {
				border: 2px black solid;
				width: 100px;
				height: 30px;
			}
			#bloc {
				width: 100px;
				height: 134px;
				background-color: #2742FA;
			}
			#colone1 {
				position: relative;
				bottom: 138px;
				left: 100px;
			}
			#colone2 {
				position: relative;
				bottom: 172px;
				left: 202px;
			}
			.color1 {
				background-color: #2742FA;
			}
			.color2 {
				background-color: #45A8E8;
			}
			.color3 {
				background-color: #A8D7F6;
			}
		</style>
	</head>
	<body>
		<div id="bloc"></div>
		<div id="colone1">
			<div class="color1"></div><div class="color2"></div>
			<div class="color3"></div><div class="color2"></div>
		</div>
		<div id="colone2">
			<div class="color1"></div><div class="color2"></div>
			<div class="color3"></div><div class="color2"></div>
		</div>
	</body>
</html>
</body>
</html>

keoras

Merci mais sur ce coup la préfère faire les tableaux plus simple.
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription Statut Membre Dernière intervention 208

pensez a mettre resolu
0

Tableau html

3 réponses

Discussions similaires

Newsletters