Dev Faq
12
votes

Tableau obtient 1px de rembourrage indésirable

Pour une raison quelconque, je reçois un rembourrage ou une bordure de 1 px sur une table. Je ne peux pas comprendre comment s'en débarrasser. J'ai essayé d'ajouter Affichage: bloc; marge: 0; rembourrage: 0; code> aux images, mais cela ne le résout pas. J'ai aussi essayé

code> et bordure: aucun; code> dans le CSS. Pour la vie de moi, je ne peux pas comprendre cela.

La raison pour laquelle c'est un problème, c'est parce que j'essaie d'obtenir des images dans les bords des deux côtés d'une TR, pour le donner des frontières arrondies, car CSS3 Border-Rayon ne fonctionne pas sur TR. J'ai ajouté table, table * {bordure: 1px solide rouge;} code> au CSS et à partir de cela, il ressemble vraiment à un problème de rembourrage ou de marge. p>

Le problème est dans cette image: p>

p>

sur le Les côtés gauche et droit, vous pouvez voir qu'il y a une sorte de rembourrage ou quelque chose entre les images et le bord de la table. Les frontières rouges sont là simplement pour voir cela. P>

Voici mon CSS: P> 

<table border="0">
    <tr>
        <td><img src="images/tr-left.png" style="display:block;margin:0;padding:0;">
        <td><img src="images/some-icon.png" /> <a href="#">Some Content</a></td>
        <td><img src="images/tr-right.png" style="display:block;margin:0;padding:0;">
    </td>
</table>

5 commentaires

Avez-vous essayé d'utiliser une mise en page moins de table? Les mises en page des tables sont fronçées sur (commencer l'argument ici).

Pourquoi pas seulement réinitialiser la marge / le rembourrage en CSS pour les tables?

Aucun argument qui plus se blender.

Vous devez fermer le premier et votre

@Blender, je sais que, mais c'est en fait une situation dans laquelle les tables sont utiles. La façon dont il est structuré permet de répertorier des articles dans un CMS, à mon avis. Les tables dans la plupart des situations sont extrêmement gênantes.

3 Réponses :

22
votes

Essayez:

2 commentaires

Ahh! Merci beaucoup! Je pensais que ma réinitialisation de CSS a pris soin de cela, mais cela a corrigé ça juste!

Cette option est obsolète dans HTML5, mais heureusement, vous pouvez faire la même chose dans CSS: Stackoverflow.com/Questtions/339923/...

11
votes

Cela semblait réparer les choses pour moi.

CSS: xxx

0 commentaires
1
votes

Mon problème était un comportement étrange et j'avais essayé toutes les astuces dans le livre, mais que Rembourrage était têtu. Enfin, j'ai découvert que le jeu d'attributs POUR LE BORD BORGUE Créerait l'effet de Pading-top . Après avoir remplacé qui, avec une règle localisée, de

hauteur de ligne: normale;

... le problème a été résolu.

0 commentaires

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor