Les Tableau en HTML/ besoin d'aide

invite489a8343 · 06/10/2018, 17h25

Alors bonjour,
Mon exercice consiste à faire un tableau qui ressemble à ça :Sans titre.png

Mais avec se que j'ai fait :

Code HTML:

<!DOCTYPE HTML>
<html lang="fr">
	       <meta charset="utf-8">
		   <title>Titre de ma page</title>
	</head>
	<body><h1> titre de ma page</h1>
        <table border="1" width="750" colspan="5" rowspan="6">
			<tr>
				<td colspan="3"> Case 1 </td>
				<td colspan="2" rowspan="2"> Case A </td>
			</tr>
			<tr>
				<td rowspan="3"> Case 3 </td>
				<td colspan="2"> Case Z </td>
			</tr>
			<tr>
				<td colspan="3" > Une autre case </td>
				<td> Case ??? </td>
			</tr>
			<tr>
				<td> Un </td>
				<td colspan="3" rowspan="3"> Case X </td>
			</tr>
			<tr>
				<td colspan="2"> peu </td>
			</tr>
			<tr>
				<td> de </td>
				<td> Texte </td>
			</tr>
			
		</table>
	</body> 
</html>

cela me donne ça :1png.png

Je sais qu'il me manque quelque chose mais quoi ??????

invite936c567e · 07/10/2018, 12h37

Bonjour

Par exemple, on pourrait faire :

Code HTML:

<!DOCTYPE HTML>
<html lang="fr">
	       <meta charset="utf-8">
		   <title>Titre de ma page</title>
	</head>
	<body><h1> titre de ma page</h1>
        <table border="1" width="750" style="border-collapse:collapse">
			<tr>
				<td colspan="3" width="60%"> Case 1 </td>
				<td colspan="2" rowspan="2" style="vertical-align:top"> Case A </td>
			</tr>
			<tr>
				<td rowspan="3" width="20%" style="vertical-align:top"> Case 3 </td>
				<td colspan="2" width="40%"> Case Z </td>
			</tr>
			<tr>
				<td colspan="3" width="60%"> Une autre case </td>
				<td> Case ??? </td>
			</tr>
			<tr>
				<td width="20%"> Un </td>
				<td colspan="3" rowspan="3" style="vertical-align:top"> Case X </td>
			</tr>
			<tr>
				<td colspan="2"> peu </td>
			</tr>
			<tr>
				<td> de </td>
				<td> Texte </td>
			</tr>
			
		</table>
	</body> 
</html>

invite489a8343 · 07/10/2018, 16h39

Merci PA5CAL

hoalala pour caler les "width", vous avez dû vous prendre la tête ><" vous avez une astuce par rapport à ça ? / et pour le Vertical-align:top je sais pas ce que c'est, celà représente quoi ?_?

invite936c567e · 07/10/2018, 17h10

La valeur des attributs « width » a été simple à déterminer. En partant du principe qu'on a découpé le tableau en 5 colonnes, chacune occupe 20% de la largeur totale. Donc une cellule sur une colonne fait 20% de large, une cellule sur deux colonnes fait 40% de large, une cellule sur trois colonnes fait 60% de large, etc. .

L'attribut CSS « vertical-align » fixe l'alignement vertical du contenu. Avec la valeur « top », le texte est écrit à partie du haut de la cellule.

A voir en vidéo sur Futura · Aujourd'hui

invite489a8343 · 07/10/2018, 17h14

Je vais noté ça sur une feuille !! Je voue remercie d'avoir pris un peu de temps pour moi

invite936c567e · 07/10/2018, 17h31

En fait, si l'on veut rester sur du langage HTML, il faudrait plutôt écrire « valign="top" » à la place de « style="vertical-align:top" ». Mais la tendance est plutôt à inclure du langage CSS dans la description des pages.

invite489a8343 · 07/10/2018, 17h45

ok ok je retiens

merci encore

Les Tableau en HTML/ besoin d'aide

Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Re : Les Tableau en HTML/ besoin d'aide

Discussions similaires

Besoin d'aide pour changement ancien tableau

Besoin d'aide pour mettre en place un tableau électrique divisionnaire

besoin d'aide pour un tableau de variation

Tableau Latex : besoin d'aide

besoin d'aide pour tableau excel svp!!