2010-10-06 6 views
0

comment puis-je augmenter l'espace dans cette table "Ligne 1, cellule 1"?espacement html à l'intérieur de la table

<html> 
<table border="1"> 
<tr> 
<td>Row 1, cell 1</td> 
<td>Row 1, cell 2</td> 
</tr> 
</table> 
</html> 

pls ici pour vérifier l'image: http://img227.imageshack.us/img227/6166/htmln.png

est-ce correct:

<table border="1" td.my-cell { padding:100px; }> 
<tr> 
<td class="my-cell">Row 1, cell 1</td> 
<td>Row 1, cell 2</td> 
</tr> 
</table> 
+0

Que voulez-vous dire par « augmentation l'espace"? Voulez-vous que la première cellule du tableau soit plus large? –

+0

oui. désolé de ne pas être clair – tintincutes

Répondre

4

Vous pouvez utiliser cellpadding ou à l'aide après css

.cellpadding { 
    padding-left: 5px; 
    padding-right: 5px; 
} 

<td class="cellpadding">Row 1, cell 1</td> 

EDIT Votre modification est mal .... Il faut:

<table border="1"> 
    <tr> 
     <td style="padding-left: 5px; padding-right: 5px;">Row 1, cell 1</td> 
     <td>Row 1, cell 2</td> 
    </tr> 
</table> 
+0

cela ne fonctionne pas ... :-( – tintincutes

+0

ce qui ne fonctionne pas? Cellpadding ou l'exemple que je mets? –

+0

l'exemple que vous mettez ... pls voir mon question éditée ci-dessus – tintincutes

0

élaborée sur "l'espace"? vous pouvez ajouter un rembourrage à la td si c'est ce que vous entendez par "l'espace"

table td { padding:5px; }

si vous voulez juste que cellule plus grande, ajoutez une calss

table td.my-cell { padding:5px; }

<td class="my-cell">Row 1, cell 1</td>

ou voulez-vous dire

<td> Ligne 1,                       cell1 </td>

vous pouvez augmenter l'espace entre les mots comme ceci:

table td { word-spacing: 20px; /* adjust */ }

+0

oui la cellule plus grande ... – tintincutes

1

Vous pouvez ajouter une classe à cette cellule spécifique, puis utiliser cette classe -nom d'application css:

.larger { 
height: 2em; 
width: 4em; 
padding: 2em; 
} 

<!-- rest of table --> 
<td class="larger">Row 1, cell 1</td> 
<!-- rest of table --> 

Ou vous pouvez utiliser le style des règles spécifiques pour appliquer un style particulier:

tr td:first-child /* selects the first td within a tr */ 

Bien que cela s'appliquerait à la première td de chaque ligne.