Frames nidificati

Nel precedente paragrafo sono stati illustrati i metodi per creare delle strutture di frames semplici, in cui cioè una pagina veniva divisa solo per righe o solo per colonne.
Per realizzare strutture più complesse, in cui ad esempio una riga o una colonna si estende per più di una colonna o riga, è necessario annidare i tag frameset.
Ad esempio:
<HTML>
     <HEAD>
           <TITLE>Guida HTML</TITLE>
     </HEAD>
<FRAMESET cols="50,*" border="5">
     <FRAME src="1.html">
     <FRAMESET rows="*,50" border="5">
          <FRAME src="2.html">
          <FRAME src="3.html">
     </FRAMESET>
</FRAMESET>
</HTML>
- Netscape: Guida HTML _ X
1










2







3




<HTML>
     <HEAD>
           <TITLE>Guida HTML</TITLE>
     </HEAD>
<FRAMESET rows="50,*" border="5">
     <FRAME src="1.html">
     <FRAMESET cols="*,50" border="5">
          <FRAME src="2.html">
          <FRAME src="3.html">
     </FRAMESET>
</FRAMESET>
</HTML>
- Netscape: Guida HTML _ X
1


2







3







In generale quindi si deve sostituire il tag <FRAME> con un altro blocco
<FRAMESET>
.
.
. </FRAMESET>
L'ordine con cui vengono inseriti i frame nidificati è fondamentale per riuscire ad ottenere il risultato desiderato.
Ogni singola definizione di frameset può infatti dividere la finestra o il riquadro solo in un senso (verticale o orizzontale) quindi:
- se si desidera ottenere un riquadro che si estende per tutta l'altezza della finestra di navigazione nel primo tag frameset deve essere specificato l'attributo cols=;
- se invece si vuole ottenere un riquadro esteso per tutta la larghezza nel primo tag frameset deve essere specificato l'attributo rows=;
- negli altri casi dipende dal risultato che si vuole ottenere, ad esempio:
<HTML>
     <HEAD>
           <TITLE>Guida HTML</TITLE>
     </HEAD>
<FRAMESET rows="40%,*" border="5">
     <FRAMESET cols="30%,*" border="5">
          <FRAME src="1.html">
          <FRAME src="2.html">
     </FRAMESET>
     <FRAMESET cols="70%,*" border="5">
          <FRAME src="3.html">
          <FRAME src="4.html">
     </FRAMESET>
</FRAMESET>
</HTML>
- Netscape: Guida HTML _ X
1




2




3







4







<HTML>
     <HEAD>
           <TITLE>Guida HTML</TITLE>
     </HEAD>
<FRAMESET cols="25%,*" border="5">
     <FRAMESET rows="70%,*" border="5">
          <FRAME src="1.html">
          <FRAME src="3.html">
     </FRAMESET>
     <FRAMESET rows="30%,*" border="5">
          <FRAME src="2.html">
          <FRAME src="4.html">
     </FRAMESET>
</FRAMESET>
</HTML>
- Netscape: Guida HTML _ X
1








3



2



4










Indietro Avanti