¿Como hacer una tabla con fondo transparente en mi web
Me podrías ayudar con un código html para hacer una tabla en mi web con fondo transparente, lo que pasa es que yo ya tengo el código y si se ve transparente el fondo de la tabla pero cuando le pongo contenido también se ve transparente y quisiera saber si sabes algún código html que haga que el fondo de la tabla sea transparente pero con un color de transparencia pero solo el fondo el contenido quiero que sea normal Aquí hay una página que tiene ese efecto para que sea más claro
http://www.es.ea.com/
http://www.es.ea.com/
1 Respuesta
Respuesta de cblaarc
1
Lo que dices, se hace con css
Aquí te mando varios enlaces con ejemplos que te pueden ayudar
http://www.locualo.net/programacion/capa-transparencia-usando-css/00000003.aspx
http://www.manualdecss.com/codigos-css/transparencia-css.html
http://www.desarrolloweb.com/articulos/opacidad-css.html
También puede utilizar css3 donde en los colores rgb ahora hay un campo más que se corresponde a la transparencia. Como en este ejemplo
"rgba(255, 125, 0, 0.5);"
Puedes ver más información en
http://www.desarrolloweb.com/articulos/colores-rgba-css-3.html
Aquí te mando varios enlaces con ejemplos que te pueden ayudar
http://www.locualo.net/programacion/capa-transparencia-usando-css/00000003.aspx
http://www.manualdecss.com/codigos-css/transparencia-css.html
http://www.desarrolloweb.com/articulos/opacidad-css.html
También puede utilizar css3 donde en los colores rgb ahora hay un campo más que se corresponde a la transparencia. Como en este ejemplo
"rgba(255, 125, 0, 0.5);"
Puedes ver más información en
http://www.desarrolloweb.com/articulos/colores-rgba-css-3.html
Gracias es muy útil tu información pero me podrías poner el código más claro por favor, es que lo que quiero es hacer la tabla con fondo transparente mira esta es mi página web
http://digitalmonsters.netne.net/index.php
Como veras hay tablas grises y en la tabla de en medio hay una imagen dentro pero si te fijas también es transparente y no quiero que haga eso quiero que la imagen texto o video se vean normal mira este es el código fuente de mi web:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Digitalmonsters</title>
</head>
<body bgcolor="#000000"; style="background-image:url(
); background-repeat: no-repeat">
<p>
<table style="height: 22px;" border="0" width="361" align="center">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<br /><br /><br />
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="367" align="center">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<br /><br />
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="204" align="right">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 32px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="214" align="left">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="489" align="center">
<tbody>
<tr>
<td> <img src="web_images/need_for_speed_shift_logo.jpg" alt="" /></td>
</tr>
</tbody>
</table>
</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
Y Quisiera solo el fondo solo el fondo transparente y es que no se mucho de programación Gracias espero que me puedas ayudar Adiós
http://digitalmonsters.netne.net/index.php
Como veras hay tablas grises y en la tabla de en medio hay una imagen dentro pero si te fijas también es transparente y no quiero que haga eso quiero que la imagen texto o video se vean normal mira este es el código fuente de mi web:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Digitalmonsters</title>
</head>
<body bgcolor="#000000"; style="background-image:url(
); background-repeat: no-repeat"><p>
<table style="height: 22px;" border="0" width="361" align="center">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<br /><br /><br />
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="367" align="center">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<br /><br />
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="204" align="right">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 32px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="214" align="left">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<table style="filter: alpha(opacity=35); background-color: #a4a4a4; height: 22px; -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3;" border="0" width="489" align="center">
<tbody>
<tr>
<td> <img src="web_images/need_for_speed_shift_logo.jpg" alt="" /></td>
</tr>
</tbody>
</table>
</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
Y Quisiera solo el fondo solo el fondo transparente y es que no se mucho de programación Gracias espero que me puedas ayudar Adiós
Prueba a usar
style="background-color: rgba(0, 0, 255, 0.1)
El último dígito es el que indica la transparencia y va desde 0 a 1. 0 es totalmente trasparente, y uno totalmente opaco
en el ejemplo sería un color azul casi transparente de todo.
Ojo, no todos los navegadores está aún preparados para css3, ni todos los servidores lo entienden
style="background-color: rgba(0, 0, 255, 0.1)
El último dígito es el que indica la transparencia y va desde 0 a 1. 0 es totalmente trasparente, y uno totalmente opaco
en el ejemplo sería un color azul casi transparente de todo.
Ojo, no todos los navegadores está aún preparados para css3, ni todos los servidores lo entienden
El código no lo entendió mi servidor lastima, He estado buscando también y encntre que no se tiene que poner la transparencia en
Table style
Porque así se le esta dando transparencia a toda la tabla y que se debería configurara los Estilos de TD y TR y del texto no se si este bien esto que te comento y si lo esta me podrías ayudar para condigurarlos
Gracias
Table style
Porque así se le esta dando transparencia a toda la tabla y que se debería configurara los Estilos de TD y TR y del texto no se si este bien esto que te comento y si lo esta me podrías ayudar para condigurarlos
Gracias
Para configurar los TD y TR se hace igual que para la tabla
