Ahora no tengo tiempo para mirarlo en profundidad así que sólo dos notas
rápidas.
1. Para ajustar el diseño de forma horizontal prueba a ponerle a la tabla lo
siguiente: margin: auto auto; Auto hace que se ajuste automáticamente en el
centro. Si esto no te funciona prueba con la propiedad vertical-align.
2. Menudos nacasones tienes de venir a una lista sobre css a preguntar como
maquetar con tablas. Las tablas hace años que dejaron de usarse para
maquetar ya que han sido superadas por css así que te recomiendo que te
pilles un buen libro de css y te pongas al día.
El día 10/08/07, Constanza Quintero C. <[EMAIL PROTECTED]> escribió:
>
> Hola listeros de Ovillo,
>
> Les escribo porque estoy haciendo un diseño para una pagina y uso una
> tabla
> para hacer la maqueta
> con width="100%" logro que el diseño se ajuste horizontalmente, pero de
> forma vertical no se como hacerlo
>
> La otra pregunta es que tengo en el index tres cuadros en los cuales va un
> texto pero quedan estaticos adjunto el codigo de los mismo para ver si me
> pueden ayudar a decir como los puedo acomodar para que tambien se ajusten
>
> <div id="cuadro_izq">
> <table width="100%" border="0" cellspacing="0" cellpadding="0"
> align= "left" id="principal">
> <tr>
> <td class="rec1"></td>
> <td class="rec2"><p align="center">SELECCION</p></td>
> <td class="rec3"></td>
> </tr>
> <tr>
> <td class="rec4"></td>
> <td class="rec5"><br/>
> <p align="justify">Bienvenido a la Universidad Francisco
> de
> Paula Santander, seleccione el programa de su predilección, ingrese
> a
> la seccion de pago para generar el pin, el cual llevara al banco para
> adquirir el formulario.</p>
> <p align="justify">Una vez cancelado ingrese a la seccion
> de
> inscripcion y diligencie el formulario.</p>
> <p> </p>
> <p> </p></td>
> <td class="rec6"></td>
> </tr>
> <tr>
> <td class="rec7"></td>
> <td class="rec8"></td>
> <td class="rec9"></td>
> </tr>
> </table>
> </div>
> <div id="cuadro_mit">
> <table width="100%" border="0" cellspacing="0" cellpadding="0"
> align= "left" id="principal">
> <tr>
> <td class="rec1"></td>
> <td class="rec2"><p align="center">INSCRIPCION</p></td>
> <td class="rec3"></td>
> </tr>
> <tr>
> <td class="rec4"></td>
> <td class="rec5"><BR/>
> <p align="justify">Ingrese con su numero de Pin mas el
> numero de cedula. Ingrese los datos al formulario y si lo desea imprima
> una
> copia. Tiene un minimo de XX dias para llenar su formulario. </p>
> <p align="justify">Llene cada uno de los datos que le
> pidan
> sea ingresado teniendo en cuenta los datos del aspirante y que estos sean
> validos.</p>
> <p> </p>
> <p> </p>
> </td>
> <td class="rec6"></td>
> </tr>
> <tr>
> <td class="rec7"></td>
> <td class="rec8"></td>
> <td class="rec9"></td>
> </tr>
> </table>
> </div>
> <div id="cuadro_der">
> <table width="100%" border="0" cellspacing="0" cellpadding="0"
> align= "left" id="principal">
> <tr>
> <td class="rec1"></td>
> <td class="rec2"><p align="center">ADMISION</p></td>
> <td class="rec3"></td>
> </tr>
> <tr>
> <td class="rec4"></td>
> <td class="rec5"><BR>
> <p align="justify">En esta seccion podra observar sus
> resultados ingrese para que vea el listado de admitidos y/o la consulta
> personalizada donde aparece su carta de admision.</p>
> <p align="justify">En la seccion tramites encontrara
> instructivos para realizar la gestion de su ingreso a la Universidad.</p>
> <p> </p>
> <p> </p></td>
> <td class="rec6"></td>
> </tr>
> <tr>
> <td class="rec7"></td>
> <td class="rec8"></td>
> <td class="rec9"></td>
> </tr>
> </table>
>
> y aqui el Css
>
> /*Cuadros del Index*/
> #cuadro_izq{
> width:230px;
> height:340px;
> position:absolute;
> top:360px;
> left:140x;
>
> }
>
> #cuadro_mit{
> width:230px;
> height:340px;
> /*position:fixed;*/
> position:absolute;
> top:360px;
> left:372px;
> }
>
> #cuadro_der{
> width:230px;
> height:340px;
> position:absolute;
> top:360px;
> left:635px;
> }
>
> /*Recuadro */
> .rec1{ background: url(../img/rec1.png) no-repeat; width: 15px; height:
> 40px;}
> .rec2{ background: url(../img/rec2.png) repeat-x; height: 40px;
>
> }
> .rec3{ background: url(../img/rec3.png) no-repeat; width: 15px; height:
> 40px;}
> .rec4{ background: url(../img/rec4.png) repeat-y; width: 15px; height:
> 10px;
> }
> /*.rec5{ background: url(../img/cont5.png) repeat; }*/
> .rec6{ background: url(../img/rec6.png) repeat-y; width: 15px; height:
> 10px;
> }
> .rec7{ background: url(../img/rec7.png) no-repeat; width: 15px; height:
> 20px;}
> .rec8{ background: url(../img/rec8.png) repeat-x; height: 5px; }
> .rec9{ background: url(../img/rec9.png) no-repeat; width: 15px; height:
> 20px;}
> --
> CONSTANZA EUGENIA QUINTERO CALDERÓN
> Universidad Francisco de Paula Santander
> Estudiante de Ingeniería de Sistemas
> Cucuta - Colombia
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
We don't need no education - Pink Floyd
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
