Partage
  • Partager sur Facebook
  • Partager sur Twitter

Modifier la taille d'une cellule d'un tableau

Question débutant

devilatic
21 mai 2010 à 17:51:24

Bonjour,

j'ai un tableau en html/css dont voici le code :


<style type="text/css">
<!--
.droite{
text-align:right;
}
.gauche{
text-align:left;
}
.centre{
text-align:center;
}
#tablo{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
border:1px solid #000000;
width:95%;
}
#tablo td{
border:1px solid #000000;
}
#tablo th{
border:1px solid #000000;
background-color:#dddddd;
color:#000000;
text-align:center;
}
-->
</style>
<table summary="" id="tablo">
  <caption></caption>
  <thead>
   <tr>
    <th id="legende_1">Légende 1</th>
    <th id="legende_2">Légende 2</th>
    <th id="legende_3">Légende 3</th>
    <th id="legende_4">Légende 4</th>
    <th id="legende_5">Légende 5</th>
   </tr>
  </thead>
  <tfoot>
   <tr>
    <th>Légende basse 1</th>
    <th>Légende basse 2</th>
    <th>Légende basse 3</th>
    <th>Légende basse 4</th>
    <th>Légende basse 5</th>
   </tr>
  </tfoot>
  <tbody>
   <tr>
    <td class="centre" headers="legende_1">
     1-1
    </td>
    <td class="gauche" headers="legende_2">
     1-2
    </td>
    <td class="centre" headers="legende_3">
     1-3
    </td>
    <td class="centre" headers="legende_4">
     1-4
    </td>
    <td class="centre" headers="legende_5">
     1-5
    </td>
   </tr>
   <tr>
    <td class="centre" headers="legende_1">
     2-1
    </td>
    <td class="gauche" headers="legende_2">
     2-2
    </td>
    <td class="centre" headers="legende_3">
     2-3
    </td>
    <td class="centre" headers="legende_4">
     2-4
    </td>
    <td class="centre" headers="legende_5">
     2-5
    </td>
   </tr>
   <tr>
    <td class="centre" headers="legende_1">
     3-1
    </td>
    <td class="gauche" headers="legende_2">
     3-2
    </td>
    <td class="centre" headers="legende_3">
     3-3
    </td>
    <td class="centre" headers="legende_4">
     3-4
    </td>
    <td class="centre" headers="legende_5">
     3-5
    </td>
   </tr>
   <tr>
    <td class="centre" headers="legende_1">
     4-1
    </td>
    <td class="gauche" headers="legende_2">
     4-2
    </td>
    <td class="centre" headers="legende_3">
     4-3
    </td>
    <td class="centre" headers="legende_4">
     4-4
    </td>
    <td class="centre" headers="legende_5">
     4-5
    </td>
   </tr>
   <tr>
    <td class="centre" headers="legende_1">
     5-1
    </td>
    <td class="gauche" headers="legende_2">
     5-2
    </td>
    <td class="centre" headers="legende_3">
     5-3
    </td>
    <td class="centre" headers="legende_4">
     5-4
    </td>
    <td class="centre" headers="legende_5">
     5-5
    </td>
   </tr>
  </tbody>
</table>


J'aimerai savoir comment modifier la taille d'une ou plusieurs cellule pour l'adapter à ms besoins.

J'ai parcouru le forum mais n'ai rien trouvé de concluant pour moi...

Question d'un niveau vraiment débutant...

Merci :)
  • Partager sur Facebook
  • Partager sur Twitter
Moonlight-Angel
  • HTML / CSS
21 mai 2010 à 18:05:42

Bonsoir,

Pour modifier l'aspect d'un élément de la page individuellement, il suffit de rajouter la balise style="" . Exemple pour ta cellule :
<td class="centre" headers="legende_1" style="width:300px; height:100px;">
     1-1
</td>

Après, tu peux mettre toutes les propriétés CSS existantes, à condition de les séparer par un point-virgule (;), comme dans une feuille de style normal. Tu changera donc uniquement l'élément sur lequel tu applique la balise style="".

M-A.
  • Partager sur Facebook
  • Partager sur Twitter
nildoudoux
24 mai 2018 à 23:33:06

Cher MoonLight-Angel, la balise style se met dans l'en-tête de la page. ex:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>Ma page</title>

<style>

/*Code CSS*/

</style>

</head>

<body>

<!--Code de la page-->

</body>

</html>

Tandis que style est un attribut:

<p style="/*Code CSS*/">

  • Partager sur Facebook
  • Partager sur Twitter
Lamecarlate
  • HTML / CSS
25 mai 2018 à 6:53:13

Bonjour,

Déterrage

Citation des règles générales du forum :

Avant de poster, demandez-vous si ce que vous allez dire apporte quelque chose au sujet. Si votre message n'apporte rien, vous ferez perdre du temps à tout le monde et le sujet pourrait dévier ou devenir difficile à suivre.

Aussi, vérifiez la date du topic. Le déterrage de topic nuit au bon fonctionnement du forum et est interdit. Utilisez les boutons pouce en haut pour dire merci. Si le topic date de plus de deux mois sans réponses, mieux vaut ne pas répondre. Si vous avez une question similaire, créez plutôt votre propre sujet en détaillant votre contexte

Je ferme ce sujet. Me contacter par MP si besoin.

  • Partager sur Facebook
  • Partager sur Twitter

Pas d'aide concernant le code par MP, le forum est là pour ça :)