HTML/css du texte dans une cellule de tableau pas l'indentation

Une question simple mais grand impact sur l'apparence.

Je veux un texte en retrait de la cellule de la frontière et ont essayé de style=text-indent: 4px (pas de mise en forme afin qu'il s'affiche correctement ici) mais, alors que la première ligne est en retrait, les lignes après la <br> les tags ne sont pas de mise en retrait. S'il vous plaît aider. J'ai besoin d'utiliser des div en raison de Javascript. Voici le code défectueux:

<td>
   <div id="navbar" style="text-indent:4px"><b>View by:</b><br>
      <a href="search.php?cat=pop">Popular</a><br>
      <a href="search.php?cat=trend">Trending</a><br>
   </div>
</td>

Une cellule de tableau? Composé d'une barre de navigation? Ne pas utiliser des tableaux pour la mise en page
Une collection de liens? Séparés par des sauts de ligne? utilisez la liste de balisage pour vos listes de liens
<b> n'est pas un élément d'en-tête. Regarder <h1> à <h6>.
Vous avez raison...je ne sais pas css pour les haricots, cependant, je suis juste à l'aide de tableaux pour l'instant. Hâte d'avoir quelqu'un qui sait vraiment ce convertir tableless structure.

InformationsquelleAutor user1260310 | 2012-05-31

6

text-indent n'est censé toucher la première ligne. Utilisation margin (ou margin-left ou padding ou etc) si vous souhaitez régler la totalité du bloc.
- quelle serait la syntaxe être pour le rembourrage?
- w3.org/TR/CSS21/box.html#padding-properties
- Je viens de mettre dans padding:4px et cela a fonctionné. Il ne me laisse pas accepter de répondre pendant un certain temps, mais merci!
InformationsquelleAutor Quentin
3

Essayez d'ajouter paddding à l'élément qui contient votre texte que vous souhaitez mettre en retrait.
```
   <td style="padding:5px;">text</td>
```
InformationsquelleAutor richardev

Vous devez vous connecter pour publier un commentaire.