Foros del Web » Creando para Internet » CSS »

No consigo transparencia en celdas de tabla

Estas en el tema de No consigo transparencia en celdas de tabla en el foro de CSS en Foros del Web. Hola a todos. Estoy diseñando una web y me encontre con el siguiente problema. Tengo una imagen de fondo en la etiqueta body: imagen x. ...
  #1 (permalink)  
Antiguo 10/11/2010, 11:27
 
Fecha de Ingreso: julio-2010
Mensajes: 23
Antigüedad: 7 años, 4 meses
Puntos: 0
No consigo transparencia en celdas de tabla

Hola a todos.

Estoy diseñando una web y me encontre con el siguiente problema. Tengo una imagen de fondo en la etiqueta body: imagen x.

Dentro tengo una capa div principal, que contiene a su vez 3 divs, los tipicos: header, container y footer. Pues bien, container tiene en su interior una tabla de 2 columnas y 3 filas. Mi deseo sería que la imagen que esta en la etiqueta body se viera por transparencia, es decir, que las celdas fueran transparentes de forma que se visualizara en una celda el texto que yo le quiera poner y de fondo el trozo de imagen de body que este justo debajo de la celda.

Alguien me ayuda!!?

Muchas gracias de antemano a los foreros.

PD: Agradeceria un codigo orientativo al menos, para poder irlo moldeando segun me vayais orientando.

Gracias!!!
  #2 (permalink)  
Antiguo 10/11/2010, 14:46
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 8 años, 8 meses
Puntos: 3
Respuesta: No consigo transparencia en celdas de tabla

Cita:
Dentro tengo una capa div principal, que contiene a su vez 3 divs, los tipicos: header, container y footer. Pues bien, container tiene en su interior una tabla de 2 columnas y 3 filas. Mi deseo sería que la imagen que esta en la etiqueta body se viera por transparencia, es decir, que las celdas fueran transparentes de forma que se visualizara en una celda el texto que yo le quiera poner y de fondo el trozo de imagen de body que este justo debajo de la celda.
La explicación está muy bien, pero una imagen vale más que mil palabras, quiero decir que se comprendería mejor si aparte colocaras el código (ya que has escrito tanto puedes copiar y pegar xD) pero voy a intentar ayudarte con lo que he entendido:

Si dices que quieres hacer que las celdas de una tabla sean transparentes para que se vea el fondo usado en body, eso es asi por defecto, no uses bgcolor ni background en la tabla para ello:

Código:
<TABLE>
<TR>
<TD>
Fila 1 - Columna 1
</TD>
<TD>
Fila 1 - Columna 2
</TD>
</TR>
<TR>
<TD>
Fila 2 - Columna 1
</TD>
<TD>
Fila 2 - Columna 2
</TD>
</TR>
</TABLE>
O quizá lo que buscas más bien es a tratar la opacidad de la celda desde el CSS; te he maqueado un código muy simple:

CSS:

Código:
<style type="text/css">
#tablaTrans {
opacity: .90;
-moz-opacity: .90;
-khtml-opacity: .90;
filter: "alpha(opacity=90)";
}
</style>
HTML:

Código:
<table>
<tr>
<td id="tablaTrans">Texto</td>
</tr>
</table>
El id="tablaTrans" puedes usarlo para cualquier etiqueta a la que se pueda poner fondo.

Espero que te sirva, saludos
__________________
¿Por qué Anónimo?, porque como está el mundo no podemos considerarnos humanos...

Última edición por Anonimo12; 10/11/2010 a las 14:53
  #3 (permalink)  
Antiguo 11/11/2010, 00:26
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: No consigo transparencia en celdas de tabla

Solo un comentario
Si utilizas el ejemplo de Anonimo en varias celdas reemplaza el "id" por "class", ya que el id es el identificador del elemento y como todo identificador debe ser único.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 11/11/2010, 03:13
 
Fecha de Ingreso: julio-2010
Mensajes: 23
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: No consigo transparencia en celdas de tabla

Estoy en ello, ahora os informo. Me pongo con ello esta tarde.

  #5 (permalink)  
Antiguo 11/11/2010, 07:24
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 8 años, 8 meses
Puntos: 3
Respuesta: No consigo transparencia en celdas de tabla

Cita:
Iniciado por C2am Ver Mensaje
Solo un comentario
Si utilizas el ejemplo de Anonimo en varias celdas reemplaza el "id" por "class", ya que el id es el identificador del elemento y como todo identificador debe ser único.
Saludos
Totalmente cierto, lo hice rápido con una sola celda y se me pasó.

Saludos :)
__________________
¿Por qué Anónimo?, porque como está el mundo no podemos considerarnos humanos...
  #6 (permalink)  
Antiguo 11/11/2010, 09:02
 
Fecha de Ingreso: julio-2010
Mensajes: 23
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: No consigo transparencia en celdas de tabla

Funciona!

Habia que cambiar 2 cosas:

a) La que me habeis mencionado, asi que muchisimas gracias!!!

b) La tipica tontera que se me pasa por alto a veces. Las 3 capas header, maincontent, y footer, estaban a su vez dentro de una supercapa container .... que tenía un background #ffffff .... pa darme una colleja.

Gracias a todos!!!!!!!

Etiquetas: celdas, transparencia, tablas
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 07:17.