problème CSS avec un espacement

J'ai une table, dans l'en-tête de tableau (TH) J'ai un arrière-plan avec CSS:problème CSS avec un espacement

.gridView th 
{ 
padding-top: 1px; 
background-image: url('/Images/Design/New/mitte-tb_02.gif'); 
background-repeat: repeat-x; 
background-position: 0px 0px; 
color: #FFFFFF; 
border: 1px solid Gray; 
text-align: center; 
}

Maintenant, je vais droit une gauche de l'espace 1px frontière entre la frontière et le fond. Je tente tout le monde, mais ça ne sert à rien.

des idées?

Source

2010-09-28 Kovu

Une idée: la table a-t-elle un effondrement de bordure? Et y a-t-il des bordures plus épaisses pour les cellules adjacentes? De toute façon, vous pouvez poster un exemple complet en ligne. –

Vous pouvez réaliser ceci en plaçant la frontière-collapse sur la table pour séparer et la couleur de fond de la table en gris. Définissez ensuite la bordure des cellules sur la couleur souhaitée entre la bordure grise et l'image d'arrière-plan. Voir cet exemple: http://jsfiddle.net/NMx5M/

Source

2010-09-28 08:24:44

Je n'avais aucune idée à ce sujet. +1 :) – Kyle

Si je vous comprends bien:

Par la nature de « fond », l'image remplira autant de l'espace que les permis de taille de l'image (surtout si elle se répète).

Vous pouvez forcer une bordure à l'aide d'un espacement des cellules ou d'une bordure blanche pour une impression visuelle.

Vous pouvez également faire en sorte que l'image de fond soit exactement 1px trop petite sur les bords, et positionner l'arrière-plan absolument pour donner l'impression de l'espace.

modifier

vous pouvez peut-être faire quelque chose comme ça

.foo { 
     background: url(bg.jpg) repeat-x; 
     display:block; 
     width:99%; 
     height:99%; 
    } 

<th style="padding:1px;" scope="col"><span class="foo">Foo Bar</span></th>

Source

2010-09-28 08:07:34 Ross

Impossible - J'ai une largeur de bordure différente, je dois donc utiliser Repeat-X. – Kovu

Vous pouvez mettre div intérieur dans l'élément th et arrière-plan défini pour avec avec margin: 0 1px;. An example (J'ai remplacé l'image par la couleur pour plus de simplicité).

Source

2010-09-28 08:08:27

Merci, mais je n'ai aucun contrôle sur la table interne, il est généré automatiquement à travers le contrôle GridView dans ASP.Net – Kovu

problème CSS avec un espacement

Répondre

Questions connexes