Foros del Web » Creando para Internet » CSS »

Ocultar imagen dentro de un estilo

Estas en el tema de Ocultar imagen dentro de un estilo en el foro de CSS en Foros del Web. Hola tengo pocos conocimientos de css, a ver si alguien me puede echar una mano: Tengo el estilo contenttoc y quiero que dentro de ese ...
  #1 (permalink)  
Antiguo 06/08/2008, 10:48
 
Fecha de Ingreso: agosto-2008
Mensajes: 1
Antigüedad: 9 años, 4 meses
Puntos: 0
Ocultar imagen dentro de un estilo

Hola tengo pocos conocimientos de css, a ver si alguien me puede echar una mano:

Tengo el estilo contenttoc y quiero que dentro de ese estilo no se muestren las imágenes foto1.jpg y foto2.jpg pero sí que muestre el resto de imágenes.

Código:
table.contenttoc img {
	width: 80px; /*para hacer pequeñas las imágenes del contenttoc*/
}
table.contenttoc {
	font-size: 12px;
	width:100%;
}

table.contenttoc th {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}
table.contenttoc td {
	font-size: 11px;
	/*padding: 2px 8px;*/
}
table.contenttoc a.toclink  {
	font-size: 12px;
	text-decoration: none;
Una imágen de lo que quiero hacer:


Por favor, se que tiene que ser facilísimo pero me he hartado a buscar y no me aclaro, solo he encontrado esto:

Mostrar - ocultar imagen
Script con el cual podrás mostrar u ocultar una imagen mediante estilos.

Código:
<STYLE>
    .vis1 { visibility:visible }
    .vis2 { visibility:hidden }
</STYLE>
</HEAD>
<BODY> 
<IMG ID="oSphere" SRC="sphere.jpg">
<P onmouseover="oSphere.className='vis2'" 
   onmouseout="oSphere.className='vis1'">
   Move the mouse over this text to make the sphere   
   disappear.</P>
Y esto otro:

A la hora de ocultar las imágenes tenemos dos propiedades CSS: visibility y display.

Mediante visibility lo que podemos modificar el la visibilidad de la imagen. Es decir, la imagen siempre ocupa espacio, aunque puede ser que no se muestre. Los valores posibles de este campo son hidden y visible.

.imagenNO {visibility: hidden;}
.imagen {visibility: visible;}

Por su parte, display, cuando se muestra u oculta una imagen recoloca el resto de elementos del documento, cambiando su disposición. Los valores posibles son varios: none, list-item, block,...

.imagenNO {display:none;}
.imagen {display:block;}


Y no se como ponerlo

Gracias por vuestra ayuda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:20.