Búsqueda personalizada
 
 
 
 
Frames - Asignación de medidas en píxeles
 

En los ejemplos anteriores definimos las medidas de los frames en porcentajes:

<frameset cols="20%,80%"> 

Cuando lo indicamos en porcentajes al redimensionar la ventana del navegador el tamaño de los frame se redimensiona en forma proporcional.

Hay situaciones donde queremos que un frame no se redimensione, por ejemplo que el frame de la izquierda donde ubicaríamos un menú de opciones siempre permanezca inalterable. Esto lo logramos indicando un valor absoluto para dicho frame.

Veamos un ejemplo donde definimos 3 frames dividiendo la ventana en tres columna. Luego queremos que el frame de la izquierda y la derecha tengan medidas inalterables, para esto lo definimos de la siguiente forma:

<frameset cols="200,*,200">

Veamos que significa el asterisco para la segunda columna. Como sabemos una ventana puede redimensionarse y las tarjetas gráficas tienen distintas resoluciones en píxeles (640x480, 800x600, 1024x768 etc.), con esta sintaxis indicamos que la primer columna ocupe siempre 200 píxeles, lo mismo la tercer columna, pero la segunda tendrá un ancho de los píxeles que restan (es decir el ancho de ventana menos 400)

Veamos la solución:

pagina1.html

<html>
<head>
<html>
<head>
<title>prueba de frames</title>
</head>
<frameset cols="200,*,200">
<frame src="pagina2.html">
<frame src="pagina3.html">
<frame src="pagina4.html">
<noframes>
<p>El navegador no soporta frames</p>
</noframes>
</frameset>
</html>

pagina2.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina A</h1>
</body>
</html>

pagina3.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina B</h1>
</body>
</html>

pagina4.html

<html>
<head>
<title>prueba de frames</title>
</head>
<body>
<h1>Pgina C</h1>
</body>
</html>

Veamos algunas variantes para utilizar el astersco:

La primer columna es de 200 pxeles y los pxeles restantes se destribuyen entre el segundo y tercer frame.

<frameset cols="200,*,*">

Con esta sintaxis los pxeles que restan luego de aplicar los 200 pxeles del primer frame se asignan 2/3 partes al frame central y 1/3 al frame de la derecha.

<frameset cols="200,2*,*">

Podemos mezclar las unidades de medida. Con esta sintaxis el 50% corresponde al frame central, 200 pxeles al frame de la izquierda y los pxeles restantes se asignan al frame de la derecha.

<frameset cols="200,50%,*;>
 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion