Le masquage d'un <td> dans un <tr> avec les CSS
Je suis nouveau à la conception dans les CSS. J'ai une exigence à laquelle j'ai du cacher un td élément dans un tr qui a 2 tds
voici le code HTML
<div class="ms-globalnavicon">
<table cellpadding="0" cellspacing="0" style="border:solid 0px red;">
<tr>
<td align="left" valign="top" style="padding-right:10px;padding-top:5px;">
<a href="http://unet.unisys.com" target="_blank">
<img src="/_layouts/images/SiteIcon.png" alt="Unisys"/>
</a>
</td>
<td align="left" valign="top" style="padding-top:9px;">
<a href="http://google.com" >My Site</a>
</td>
</tr>
</table>
</div>
Dans le code HTML ci-dessus j'ai besoin de cacher le 2ème td seul élément en CSS. J'ai mis ci-dessous le CSS mais il se cache à la fois le td. peut 1 pls m'aider?
.ms-globalnavicon table tr td
{
visibility:collapse;
}
OriginalL'auteur user318197 | 2011-08-07
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le
last-child
sélecteur de ne cibler que le dernier td dans l'ensemble, ou pour une meilleure compatibilité avec les navigateurs, vous devez ajouter une classe à la td, vous voulez cacher et de cibler spécifiquement.Edit: Ok, donc nous avons besoin d'une meilleure IE de soutien, et nous devons l'utiliser pur CSS. Voici une solution qui s'appuie sur le fait que les IE7 et 8 n'soutien
first-child
:(remarque: l'utilisation de
display
plutôt quevisibility
, et à l'aide deblock
plutôt quetable-cell
)http://jsfiddle.net/BL6nU/2/ (avec bordure rouge ajouté pour plus de clarté)
J'ai été d'édition, à cet effet, vous faisaient des commentaires 🙂
Salut, merci une tonne pour la réponse qui a vraiment fonctionné.
si c'est la bonne réponse, veuillez accepter, et peut-être accepter une certaine part de corriger les réponses à vos questions en trop
Robuste au changement...?
OriginalL'auteur shanethehat
Vous avez besoin
display:none;
http://jsfiddle.net/9cPYN/
OriginalL'auteur Jason Gennaro
essayer de donner le 1er
<td>
élément d'unid
et affecter la pertinente le style css queid
. Cela peut fonctionner.OriginalL'auteur RSM
La solution ci-dessus fonctionne, mais essayez de l'utiliser pour montrer à vos cellules:
OriginalL'auteur Andre Silva