Salve ragazzi ho bisogno di un serio aiuto per realizzare quanto segue.


Il codice sottostante mi crea questo effetto frame :





codice:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>ffz</TITLE>
<META http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<META content="MSHTML 6.00.2800.1170" name=GENERATOR><body scroll="auto"> 
<STYLE type=text/css media=screen>BODY {
	OVERFLOW: hidden; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 99%
}
#header {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 4px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 4px; BORDER-LEFT: #333 1px solid; WIDTH: 100%; PADDING-TOP: 4px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 50px; BACKGROUND-COLOR: #eaeaea
}


A:link {
	FONT-SIZE: 11px; COLOR: #DDDDDD; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 11px; COLOR: #DDDDDD; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 11px; COLOR: #DDDDDD; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}




#left {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; Z-INDEX: 10; BACKGROUND: #eaeaea; LEFT: 0px; BORDER-LEFT: #333 1px solid; WIDTH: 200px; COLOR: #333; PADDING-TOP: 50px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
.content {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 10px; BACKGROUND: #ffc; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 220px; BORDER-LEFT: #333 1px solid; COLOR: #333; MARGIN-RIGHT: 220px; PADDING-TOP: 0px; BORDER-BOTTOM: #333 1px solid; POSITION: relative; TOP: 50px
}
#right {
	BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; Z-INDEX: 10; RIGHT: 0px; BACKGROUND: #eaeaea; BORDER-LEFT: #333 1px solid; WIDTH: 200px; COLOR: #333; PADDING-TOP: 50px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
#left P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#right P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
P.top {
	MARGIN-TOP: 20px
}
</STYLE>


</HEAD>

<TABLE height="100%" cellSpacing=0 cellPadding=0 width=795 align=center 
border=0>
  <TBODY>
  <TR>
    <TD><IFRAME marginWidth=0 marginHeight=0 
      src="mainiframe.htm" frameBorder=0 
      width="100%" scrolling=no 
      height="100%"> 
        <p align="center"><font size="2" face="verdana">Il tuo browser non supporta 
          il sistema frames. Aggiorna il tuo pc!.</font></p>
        </IFRAME></TD></TR>
  <TR height=12>
      <TD height=12 background="home/titlebar_1.gif" bgColor=#000099> 
        <DIV align=center><font face="Arial, Helvetica, sans-serif" 
      size=-4><font color="#DDDDDD">::</font> <a href="http://www.freeforumzone.it/" target="_blank">regolamento 
          utenti</a> <FONT color="#DDDDDD" face=Arial>::..</FONT><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"> 
           </font>[/B]</font><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif">Copyright 
          &copy; www.ffz.it  - www.ffz.tk all rights reserved. 
            <font size="-4"><font color="#DDDDDD"></font></font></font><font color="#000000"><font face="Arial, Helvetica, sans-serif" 
      size=-4><font color="#0000FF"><font face="Arial, Helvetica, sans-serif" 
      size=-4><font color="#DDDDDD">..::</font></font></font></font><font face="Arial, Helvetica, sans-serif" 
      size=-4><font color="#0000FF"><font face="Arial, Helvetica, sans-serif" 
      size=-4><font color="#DDDDDD"> </font></font><a HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.ffz.tk');"> 
          Impostalo come home </a><font color="#DDDDDD"><FONT size=-5 face=Arial>::</FONT></font></font></font></font></DIV></TD></TR></TBODY></TABLE>
</BODY></HTML><body bgcolor="#000000">



ORA.... volevo incrementare a questo codice quanto segue :

ovvero realizzare il frame (caratterizzato dalla barra BLU ) sia sotto che SOPRA... e inserire ai lati una immagine (nell'esempio sottostante l'ho fatta VERDE).




Non essendo praticissimo di html e ne devo diventare un esperto "htmlista" chiedevo un aiuto nel realizzare tale codice.