Soy nuevo en el diseño en CSS. Tengo un requisito en el que tengo que ocultar un elemento td en un tr que tiene 2 TDSOcultar un <td> en un <tr> con CSS
aquí está el código 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>
En el código HTML anterior que necesito para ocultar el elemento de segunda td solos en CSS. Puse el siguiente CSS pero está ocultando los dos tds. ¿Puede cualquier 1 pls ayudarme?
.ms-globalnavicon table tr td
{
visibility:collapse;
}
+1 - Esto funciona, pero poner una identificación en el elemento td que desea y apuntar a la identificación sería más robusto para cambiar. También creo que funcionará de manera más consistente en navegadores diferentes/más antiguos. –
Estaba editando para ese efecto mientras comentabas :) – shanethehat
Hola, muchas gracias por la respuesta que realmente funcionó. – user318197