Les Tableau en HTML/ besoin d'aide
Répondre à la discussion
Affichage des résultats 1 à 7 sur 7

Les Tableau en HTML/ besoin d'aide



  1. #1
    invite489a8343

    Les Tableau en HTML/ besoin d'aide


    ------

    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 ??????

    -----
    Dernière modification par JPL ; 06/10/2018 à 17h03. Motif: Ajout de la balise HTML

  2. #2
    PA5CAL

    Re : Les Tableau en HTML/ besoin d'aide

    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>

  3. #3
    invite489a8343

    Re : Les Tableau en HTML/ besoin d'aide

    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 ?_?

  4. #4
    PA5CAL

    Re : Les Tableau en HTML/ besoin d'aide

    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.

  5. A voir en vidéo sur Futura
  6. #5
    invite489a8343

    Re : Les Tableau en HTML/ besoin d'aide

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

  7. #6
    PA5CAL

    Re : Les Tableau en HTML/ besoin d'aide

    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.
    Dernière modification par PA5CAL ; 07/10/2018 à 16h32.

  8. #7
    invite489a8343

    Re : Les Tableau en HTML/ besoin d'aide

    ok ok je retiens merci encore

Discussions similaires

  1. Besoin d'aide pour changement ancien tableau
    Par invite7769a109 dans le forum Bricolage et décoration
    Réponses: 15
    Dernier message: 21/02/2016, 21h22
  2. Besoin d'aide pour mettre en place un tableau électrique divisionnaire
    Par invitee8909ae0 dans le forum Bricolage et décoration
    Réponses: 5
    Dernier message: 17/10/2013, 16h35
  3. besoin d'aide pour un tableau de variation
    Par invite6c3ae1d5 dans le forum Mathématiques du collège et du lycée
    Réponses: 6
    Dernier message: 12/10/2013, 09h57
  4. Tableau Latex : besoin d'aide
    Par invitebfb0bb71 dans le forum Programmation et langages, Algorithmique
    Réponses: 2
    Dernier message: 17/08/2013, 12h52
  5. besoin d'aide pour tableau excel svp!!
    Par invite5b9bd9f8 dans le forum Logiciel - Software - Open Source
    Réponses: 8
    Dernier message: 09/03/2013, 00h32