para - tablas en html5
Estirar el ancho de una tabla para adaptarse al navegador web (3)
He buscado en Internet durante mucho tiempo tratando de resolver mi problema. Tengo una tabla con todo mi sitio y me gustaría que se extienda para ajustarse al tamaño del navegador web del usuario. Aquí está todo el código del sitio:
<body>
<table width="100%" border="0">
<tr>
<td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"
ondragstart="return false" />
</td>
<td width="697" height="16">
*Flash Video Here*
</td>
</tr>
<tr>
<td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td>
</tr>
</table>
</body>
</html>
Cualquier solución útil sería muy apreciada.
¡Me sorprende que ya haya tres respuestas para esta pregunta!
Bueno, primero que nada el tipo etiquetó la pregunta dreamweaver , usando My Images en el src y usando tablas! Esto significa que la verdadera ayuda que necesita es, en realidad, aprender los conceptos básicos de HTML y CSS.
Lo que sugiero es que intentes buscar recursos para aprender los conceptos básicos y, si no pudiste encontrarlos, ¡pídelo aquí! ¿Cómo suena eso? :-)
Y para ustedes (que respondieron) incluso cambiar los anchos de td por porcentajes no solucionaría su problema ya que los img se extenderán a todo su ancho. ¡así sería ~ 2044px! ¡que es más ancho que la mayoría de las resoluciones de pantalla!
Proporcione el ancho en Porcentaje en la etiqueta <table> y <TD> . Esto se establecerá según el tamaño de la ventana del navegador. Dé 100% en <table> y porcentajes apropiados a cada <TD>
<style type="text/css">
*
{
margin: 0px;
padding: 0px;
}
html, body
{
height: 100%;
}
</style>
<table style="width:100%;height:100%;">
<!-- content -->
</table>
Esto asegurará que su tabla se extenderá al tamaño de su navegador.