Innanzi tutto: CIAOOOOOOOOOOOOOOOOOO 
Eccomi qui... nelle ricerche ho trovato questo bel forum pieno di personcine che ne sanno
quindi vi posto un problema:
Ho creato un sito html diviso in frame tramite i css... dopo incollo anche il codice... il problema è questo: dal menu che ho creato a sinistra, come faccio a fare in modo che un link mi si apra nel content DELLA STESSA PAGINA?? non potendo usare i facilissimi e cari vecchi frame dell'Html mi vedo costretta a litigare con i css ma non ci sto capendo piu niente....
Ora incollo la pagina con un solo pulsante a sinistra, sennò verrebbe troppo lunga (tanto lo sarà comunque):
CSS:
/* Layout CSS */
body {
margin: 0;
padding: 0 0 0 11.8em;
}
#menu{
overflow: auto;
height: 80%;
width: 11.8em;
position: absolute;
top: 0;
left: 0;
background: #55FF55;
0;
}
#top_nav {
}
#content {
padding: 0 1em 1em;
}
@media screen {
body>div#menu{position:fixed;}
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Colonna destra</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">@import url('Home.css');
.style1 {
text-align: center;
}
.style2 {
vertical-align: middle;
margin: 5px 1px;
}
</style>
<!--[if IE]>
<link href="HomeIE.css" media="screen" type="text/css" rel="stylesheet" />
<![endif]-->
<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'buttonB.jpg',/*url*/'buttonC.jpg',/*url*/'buttonE.jpg',/*url*/'buttonF.jpg',/*url*/'button11.jpg',/*url*/'button12.jpg',/*url*/'button14.jpg',/*url*/'button15.jpg',/*url*/'button17.jpg',/*url*/'button18.jpg',/*url*/'button1A.jpg',/*url*/'button1B.jpg')">
<div id="top_nav" style="background: #55FF55; height: 121px;">
</div>
<div id="content" style="width: 76%">
<h1>Colonna destra: scrollabile.</h1>
</div>
<div id="menu" style="left: 0; top: 0;">
<p class="style1">
<img alt="Fmi srl" src="logo.jpg" width="171" height="102" class="style2" />
</p>
<h2 class="style1">
<a target="_parent">
<img style="border: 0" id="img7" src="buttonA.jpg" height="26" width="145" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonC.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonB.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Border Left 2; fp-font-style: Bold Italic; fp-font-size: 11; fp-font-color-hover: #008000; fp-proportional: 0" fp-title="Home" --></a><br />
</div>
</body>
</html>
________________ Scusatemi per la lunghezza ma non sapevo come fare x spiegarmi bene....... Al max potremmo giocare a "trova l'errore"!!!
:hammer::hammer::hammer::hammer:
Baci a tutti
Ely
Eccomi qui... nelle ricerche ho trovato questo bel forum pieno di personcine che ne sanno
quindi vi posto un problema:Ho creato un sito html diviso in frame tramite i css... dopo incollo anche il codice... il problema è questo: dal menu che ho creato a sinistra, come faccio a fare in modo che un link mi si apra nel content DELLA STESSA PAGINA?? non potendo usare i facilissimi e cari vecchi frame dell'Html mi vedo costretta a litigare con i css ma non ci sto capendo piu niente....
Ora incollo la pagina con un solo pulsante a sinistra, sennò verrebbe troppo lunga (tanto lo sarà comunque):
CSS:
/* Layout CSS */
body {
margin: 0;
padding: 0 0 0 11.8em;
}
#menu{
overflow: auto;
height: 80%;
width: 11.8em;
position: absolute;
top: 0;
left: 0;
background: #55FF55;
0;
}
#top_nav {
}
#content {
padding: 0 1em 1em;
}
@media screen {
body>div#menu{position:fixed;}
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Colonna destra</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">@import url('Home.css');
.style1 {
text-align: center;
}
.style2 {
vertical-align: middle;
margin: 5px 1px;
}
</style>
<!--[if IE]>
<link href="HomeIE.css" media="screen" type="text/css" rel="stylesheet" />
<![endif]-->
<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs=new Image; d.FP_imgs.src=a; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'buttonB.jpg',/*url*/'buttonC.jpg',/*url*/'buttonE.jpg',/*url*/'buttonF.jpg',/*url*/'button11.jpg',/*url*/'button12.jpg',/*url*/'button14.jpg',/*url*/'button15.jpg',/*url*/'button17.jpg',/*url*/'button18.jpg',/*url*/'button1A.jpg',/*url*/'button1B.jpg')">
<div id="top_nav" style="background: #55FF55; height: 121px;">
</div>
<div id="content" style="width: 76%">
<h1>Colonna destra: scrollabile.</h1>
</div>
<div id="menu" style="left: 0; top: 0;">
<p class="style1">
<img alt="Fmi srl" src="logo.jpg" width="171" height="102" class="style2" />
</p>
<h2 class="style1">
<a target="_parent">
<img style="border: 0" id="img7" src="buttonA.jpg" height="26" width="145" alt="Home" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonC.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonB.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Border Left 2; fp-font-style: Bold Italic; fp-font-size: 11; fp-font-color-hover: #008000; fp-proportional: 0" fp-title="Home" --></a><br />
</div>
</body>
</html>
________________ Scusatemi per la lunghezza ma non sapevo come fare x spiegarmi bene....... Al max potremmo giocare a "trova l'errore"!!!
:hammer::hammer::hammer::hammer:
Baci a tutti
Ely
