En el ejemplo de frame 5 la imagen en el frame superior no entro completa, por lo que aparece la barra de desplazamiento, en este ejemplo no es nesesaria la barra de desplazamiento, además le quita presentación o vista a nuestra página.
Esto se puede soluciónar de dos formas: La 1ra. agregando el atributo SCROLLING="no" dentro de la directiva del frame en que se desee desaparecer la barra de despalazamiento, y la 2da. colocando la imagen en lugar de la página que la contenga dentro del frame
Quitar la barra de desplazaminto de un frame
Esto se logra por medio del atributo SCROLLING="no".
Los valores para este atributo son:
| SCROLLING="no" | Desactiva la barra de desplazamiento |
| SCROLLING="yes" | Activa la barra de desplazamiento |
| SCROLLING="auto" | Activa o Desactiva la barra de desplazamiento, en función de que entre o no, la página completa dentro del frame |
Siendo este ultimo el que se establece por defecto
A continuación se da un ejemplo de como se quita la barra de desplazamiento.
<html>
<head>
<title>frame 9</title>
</head>
<frameset ROWS="100,400">
<frame src="banner1.htm" SCROLLING="no">
<frame src="inmortalidad.html">
</frameset>
</html>
Colocar una imagen dentro de un frame
Solo se nesesita remplazar dentro del frame, el nombre del archivo de la imagen por el nombre de la página.
La sintaxis es la siguiente:
<frame src="directorio\grafico.gif"> ó <frame src="directorio\grafico.jpg">
<html>
<head>
<title>frame 10</title>
</head>
<frameset ROWS="100,400">
<frame src="..\imagen\inmortal.jpg" scrolling="no">
<frame src="inmortalidad.html">
</frameset>
</html>
Cambiar el ancho del margen interior (alto y ancho) de un frame
Normalmente se emplea para centrar un grafico dentro de un frame.
Los atributos empleados son MARGENWIDTH="valor" y MARGENHEIGHT="valor", los cuales se escriben dentro del frame al que se le desea aplicar margen.
<html>
<head>
<title>frame 11</title>
</head>
<frameset ROWS="100,400">
<frame src="..\imagen\inmortal.jpg" scrolling="no" MARGENWIDTH="15" MARGENHEIGHT="5">
<frame src="inmortalidad.html">
</frameset>
</html>
Quitar el borde de la división del frame
La división del frame se quita por medio del atributo BORDER="0" ó FRAMEBORDER="no", el cual se escribe dentro de la directiva FRAMESET.
<html>
<head>
<title>Frame 12</title>
</head>
<frameset cols="20%,80%" BORDER="0">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Con el atributo FRAMEBORDER="no", tenemos casi el mismo resultado
Cambiar el ancho del borde de la división del frame
El ancho de la división del frame, se modifica por medio del atributo BORDER="valor", el cual se escribe dentro de la directiva FRAMESET.
<html>
<head>
<title>Frame 13</title>
</head>
<frameset cols="20%,80%" BORDER="20">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Cambiar el color del borde de la división del frame.
El color de la división del frame, se modifica por medio del atributo BORDERCOLOR="#valor", el cual se coloca dentro de la directiva FRAMESET.
<html>
<head>
<title>Frame 14</title>
</head>
<frameset cols="20%,80%" BORDER="20" BORDERCOLOR="#80ffff">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal">
</frameset>
</html>
Evitar que el visitante cambie la posisión división del frame
Normalmente el visitante de la página puede cambiar la posisión de la división, dandole dandole click a la división y sin soltar arrastrar el mouse hasta LLEGAR A la nueva posición.
Si se desea evitar esto el atributo empleado es NORESIZE, el cual se escribe dentro del frame que se quiere fijar.
<html>
<head>
<title>Frame 15</title>
</head>
<frameset cols="20%,80%">
<frame src="menu2-v.html">
<frame src="reglaoro.html" NAME="principal" NORESIZE>
</frameset>
</html>
FRAMES MULTIPLES
Se puede dividir la pantalla en varios frames a la vez, solo se nesesita colocar una directiva FRAME por cada marco que se desee colocar.
Tres marcos horizontales
<html>
<head>
<title>Frame 16</title>
</head>
<frameset ROWS="33%,33%,33%">
<frame src="reglaoro.html">
<frame src="bienpormal.html">
<frame src="unidad.html">
</frameset>
</html>
Tres marcos verticales
<html>
<head>
<title>Frame 17</title>
</head>
<frameset COLS="20%,40%,40%">
<frame src="reglaoro.html">
<frame src="bienpormal.html">
<frame src="unidad.html">
</frameset>
</html>
|
1. HTML para principiantes HTML para principiantes , aprende a hacer tus propias páginas web. Programar en un... [15/09/09] |
9.836 | ||||
|
2. HTML. Cómo crear imagen Sigue este tutorial de informática y aprende a crear banners con links en tu... [31/03/11] |
985 |
|
|||
|
3. HTML, CSS. Menú horizontal Aprende a utilizar los elementos básicos de HTML y CSS , y crea un menú sencillo... [12/04/11] |
436 |
|
|||
Cursos para compartir lo que sabes
