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
