Entrar

Problema con la tabla

crispin93 · · Solicitar retirada
Hola, estoy haciendo una web y e puesto una tabla de 3 columnas en un lado esta el menu y en el otro esta el contador, encuesta... y en el medio voy a poner noticias y asi pero no puedo lograr que se pongan los dos columnas de los lados arriba del todo y los dos alineados por que si por ejemplo pongo algo en la columna del medio y me paso un poco y entonces las dos columnas de los lados se bajan y se quedan en medio de la pagina. SE ne que no lo e explicado muy bien jejejeje pero si alguien lo entiende que reponda plis

Gracias
JorGens · · Solicitar retirada
Que tal si nos pegas aqui el codigo de tu página? el html y el css si es posible. Así podremos ayudarte mejor.

NOTA: A TODOS! a la hora de pegar codigo html en un mensaje tienes que activar la opción "Deshabilitar HTML en este mensaje", que es una casilla que aparece debajo de la ventanita donde escribes los mensajes. En caso contrario no aparecerá correctamente el código, se pierde parte de él.
Un saludo!
crispin93 · · Solicitar retirada
Este es el codigo html:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.unnamed1 { font-size: 12pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: capitalize; color: #333333; background-color: #FF0033; text-align: centre}
.unnamed2 { font-size: medium; font-weight: bold; background-color: #CC0033; font-style: oblique; color: #333333}
-->
</style>
</head>

<body bgcolor="#000000" text="#339933" link="#FFFFFF" vlink="#666666" alink="#666600">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="36%">[contenido no disponible]</td>
<td width="64%">
<div align="center">[contenido no disponible]</div>
</td>
</tr>
</table>


</p>
<table width="99%" border="0" cellspacing="0" cellpadding="0" height="676">
<tr>
<td width="13%" height="1290">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="644">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" class="unnamed2">
<div align="center" class="unnamed2">F1 Expres</div>
</td>
</tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="unnamed1">
<div align="center"><font color="#CCCCCC">Home</font></div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Clasificacion</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Pilotos</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Escuderias</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">GP 2</div>
</td>
</tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="unnamed2">
<div align="center">Carreras</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Melbourne</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Sepang</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Manama</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Barcelona</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Montecarlo</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Montreal</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Indianapolis</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Magny Cours </div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Silverstone</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Nürburgring</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Hungaroring</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Estambul</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Monza</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">SPA</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Suzuka</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Shangai</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">Interlagos</div>
</td>
</tr>
</table>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="unnamed2">
<div align="center">Otras Webs</div>
</td>
</tr>
<tr>
<td class="unnamed1" height="136">
<div align="center">


Si teneis una web y quereis que salga aqui mandenme una
correo a [correo eliminado]</p>


[contenido no disponible]</p>
</div>
</td>
</tr>
</table>
<dl>
<dt></dt>
</dl>
</td>
</tr>
</table>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
</td>
<td width="74%" height="1290">
<div align="center">
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="89">
<div align="center">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35%" height="73">
<div align="right">[contenido no disponible]</div>
</td>
<td width="18%" height="73">
<div align="center">[contenido no disponible]</div>
</td>
<td width="47%" height="73">[contenido no disponible]</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="734">
<div align="center"></div>
</td>
</tr>
</table>

</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>


</p>
</div>
</td>
<td width="13%" height="1290" align="center">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="unnamed2">
<div align="center">Contador</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">


Eres el usuario numero:</p>


[contenido no disponible]</p>
</div>
</td>
</tr>
<tr>
<td class="unnamed2">
<div align="center">Encuestas</div>
</td>
</tr>
<tr>
<td class="unnamed1">
<div align="center">


</p>


En este momento no ahy encuestas disponibles.</p>


</p>
</div>
</td>
</tr>
<tr>
<td class="unnamed2">
<div align="center">Siguiente

Carrrera</div>
</td>
</tr>
<tr>
<td class="unnamed1" height="3">
<div align="center" class="unnamed2">F1</div>
</td>
</tr>
<tr>
<td class="unnamed1" height="244">
<div align="center">


Hungría - Hungaroring

06/08/07

</p>


Vueltas: 70

</p>


Clasificacion: Sabado 4 Agosto 13:45h</p>


Previo: Domingo 5 Agosto 13:45h</p>


Carrera: Domingo 5 Agosto 14:00h</p>
</div>
</td>
</tr>
<tr>
<td class="unnamed2" height="26">
<div align="center">GP2</div>
</td>
</tr>
<tr>
<td class="unnamed1" height="28">
<div align="center">


06/08/07</p>


Previo: Domingo 5 Agosto 10:57h</p>


Carrera: Domingo 5 Agosto 11:20h</p>
</div>
</td>
</tr>
</table>


</p>


</p>


</p>


</p>


</p>
<div align="center">


</p>


</p>


</p>


</p>


</p>


</p>


</p>
</div>
</td>
</tr>
</table>
<p align="center"><font size="1" color="#FFFFFF">&copy; Copiright 2007 Formula
1 Expres Todos los derechos reservados a el autor de la web</font></p>
</body>
</html>
volvoreta · · Solicitar retirada
Así a simple vista (y no es que yo sea una experta leedora de códigos), veo que no tienes enlazada la hoja de estilos, sin embargo haces referencia a ella cuando escribes
<td class="unnamed1">
Con la hoja de estilos es muy sencillo de solucionar tu problema( a mi me costó cabezazos pero es muy facil). Un ejemplo
Creas una tabla de tres columnas y una sola fila.
Para que nos entendamos a estas celdas les llamaremos, primera, segunda y tercera.
En la hoja de estilos:

td.primera{vertical-align: top;}
td.segunda{vertical-align: middle;}
td.tercera{vertical-align: top;}

En la hoja html:
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="primera"></td>
<td class="segunda"></td>
<td class="tercera></td>
</tr>
</table>
Así todo lo que pongas dentro de la primera y la tercera columna, se te pondrán arriba, y lo que pongas en la segunda irá en el centro.
no te olvides de poner el link a tu hoja de estilo,
<LINK rel="stylesheet" href="estilo.css" type="text/css" media="all">

un saludo
Yaneth · · Solicitar retirada
Hola, ese es un problema muy común
mira pones el cursor dentro de cualquier tabla,
abres la ventana de propiedades, (la que tiene una "i" dentro de un circulo azúl)
y en la parte de abajo hay una opción que dice:"Vert" ahi le pones según desees, superior, centro o inferior

creo que desearás superior, así cuando te extiendas en contenido, todo se quedará en la parte de arriba.

Saludos