Ciao a tutti
ho scaricato l'estionsione di DreamWeaver MX per creare un scroll bar per il mio testo.
L'ho creato ma quando faccio il ridemensionamento della finestra di IE questa scroll area si sposta.
Voi sapere come si può bloccare??
Mille grazie
Ciao a tutti
ho scaricato l'estionsione di DreamWeaver MX per creare un scroll bar per il mio testo.
L'ho creato ma quando faccio il ridemensionamento della finestra di IE questa scroll area si sposta.
Voi sapere come si può bloccare??
Mille grazie
come diavolo scrivo
uffi com'è brutto il lunedì mattina.
In effetti nn capisco cosa vuoi dire...Originariamente inviato da inside1
Ciao a tutti
ho scaricato l'estionsione di DreamWeaver MX per creare un scroll bar per il mio testo.
L'ho creato ma quando faccio il ridemensionamento della finestra di IE questa scroll area si sposta.
Voi sapere come si può bloccare??
Mille grazie
Hai un div con una scroll x il testo?
Se vuoi bloccarlo devi usare un css :
"position: absolute;"
con questo attributo e con le coordinate, blokki il div in una certa parte del sito.
[Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]
scusa dove posso trovare un esempio
questo è il codice della pagina con la scroll bar ricavata dall' extension di Dreamweaver
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
// begin absolutely positioned scrollable area object scripts
// Extension developed by David G. Miles
// Original Scrollable Area code developed by Thomas Brattli
function verifyCompatibleBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new verifyCompatibleBrowser()
var speed=50
var loop, timer
function ConstructObject(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4 ?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style :bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height: this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.e l.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function MoveAreaDown(move){
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move){
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function PerformScroll(speed){
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}
function CeaseScroll(){
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
objContainer=new ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
// end absolutely positioned scrollable area object scripts
</script>
<style type="text/css">
#divUpControl{position:absolute; width:200; left:350; top:300; z-index:1; text-align: right}
#divDownControl{position:absolute; width:200; left:350; top:520; z-index:1; text-align: right}
#divContainer{position:absolute; width:200; height:200; overflow:hidden; top:320; left:350; clip:rect(0,200,200,0); visibility:hidden}
#divContent{position:absolute; top:0; left:0}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/topover_r2_c2.gif','images/topover_r2_c3.gif','images/topover_r2_c4.gif','images/topover_r2_c5.gif','images/topover_r2_c6.gif');InitialiseScrollableArea()">
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><table background="images/cornice.gif" width="742" height="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="100"><table border="0" cellpadding="0" cellspacing="0" width="740">
<tr>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="7">[img]images/top_r1_c1.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
</tr>
<tr>
<td>[img]images/top_r2_c1.gif[/img]</td>
<td>[img]images/top_r2_c2.gif[/img]</td>
<td>[img]images/top_r2_c3.gif[/img]</td>
<td>[img]images/top_r2_c4.gif[/img]</td>
<td>[img]images/top_r2_c5.gif[/img]</td>
<td>[img]images/top_r2_c6.gif[/img]</td>
<td>[img]images/top_r2_c7.gif[/img]</td>
<td>[img]spacer.gif[/img]</td>
</tr>
</table></td>
</tr>
<tr>
<td height="239"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">[img]images/home.jpg[/img]</td>
<td><table width="100%" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="19"></td>
</tr>
<tr>
<td height="192"> <iframe src="company2.htm" width="350" height="260" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="si" bordercolor="#ffffff">
<div id="divUpControl"> <a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()">[scroll
up]</a> </div>
<div id="divDownControl"> <a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()">[scroll
down]</a> </div>
<div id="divContainer">
<div id="divContent"> provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
provasdasasasasasssssssssssss provasdasasasasasssssssssssss
</div>
</div>
</iframe></td>
</tr>
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" height="47" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/downbar.jpg" width="350"></td>
<td></td>
</tr>
</table></td>
</tr>
</table></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Ho visto il codice ke mi hai postato....
Qual'è il tuo prob, esattamente??? io vedo bene tutto, compreso il div ke si adatta alla risoluzione, :master:
[Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]
i questa scroll area l'ho messa come puoi vedere all' interno di una cella , se provo ad aprire per esempio la pagina dei preferiti, o a ridimensionare la finestra del browser questa si sposta e mi va finire in posizioni diverse, ad esempio sopra a delle immagini o sopra del testo contenuto in altre celle
Quindi vuoi ke resti sempre allo stesso posto?Originariamente inviato da inside1
i questa scroll area l'ho messa come puoi vedere all' interno di una cella , se provo ad aprire per esempio la pagina dei preferiti, o a ridimensionare la finestra del browser questa si sposta e mi va finire in posizioni diverse, ad esempio sopra a delle immagini o sopra del testo contenuto in altre celle
[Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]
si fissa sempre all'interno di quella cella anche ad ogni ridimensionamento della finestra o dal tipo di risoluzione
grazie
Vorrei capire una cosa.... :master:Originariamente inviato da inside1
si fissa sempre all'interno di quella cella anche ad ogni ridimensionamento della finestra o dal tipo di risoluzione
grazie
Ma a te interessa un iframe o un div?
Devi rikiamare una pagina esetrna in quel punto?
Se è cosi' nn usare il codice di DW, ma usa questo:
Fammi sapere se cosi' va bene.codice:<html> <head> <title>IFRAME</title> </head> <body> <table width="724" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="360" height="300" valign="top">blabla</td> <td width="364" valign="top"><iframe name="ibody" src="tuaPAgina.htm" width="364" height="300" frameborder="0" scrolling="auto" style="border: 1px solid red"></iframe></td> </tr> </table> </body> </html>
[Proteggiamo la Natura e gli Animali: appartengono alle cose più belle che ci sono state donate.]
Permessi di invio
Rispondi quotando