hi,
i am using dreamweaver mx and creating my own web site in which i want to have the page centred on the screen (which i have worked out)
my problem comes when i try and get the text box which i created using css to move with the rest of the page when the page is sized up or down.
i tried changing the settings from px to % for the text box but it didnt seem to work, however i may have been doing something wrong????
any ideas people?
thanks!Can we maybe see a link please or some code. Also where is this textbox meant to be centered, left or right because you could float it.hiya thanks for the reply,
here is the code for one of the pages, i want the text box to be a scroll bar at the left hand side and to keep it in the ame place on each page.
any ideas?
also do you know how i can get rid of the scroll that goes left to right and only keep the up and down bar??
thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>sublimesoul.co.uk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles/master.css" rel="stylesheet" type="text/css">
<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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=http://www.webdeveloper.com/forum/archive/index.php/a;}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=http://www.webdeveloper.com/forum/archive/index.php/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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=http://www.webdeveloper.com/forum/archive/index.php/x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body text="#666666" link="#666666" vlink="#CCCCCC" alink="#666666" leftmargin="10" topmargin="10" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('newbits/images/walpaper2_08.gif','newbits/images/walpaper2_09.gif','newbits/images/walpaper2_10.gif','newbits/images/walpaper2_11.gif','newbits/images/walpaper2_12.gif','newbits/images/walpaper2_13.gif')" tracingsrc=http://www.webdeveloper.com/forum/archive/index.php/"Picture 7.jpg" tracingopacity="100">
<table width="700" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="750" height="102" valign="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_01.gif" width="700" height="100"></td>
</tr>
<tr>
<td><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="316" height="539"> </td>
<td width="434" valign="top">
<div align="center">
<table width="435" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" valign="bottom"><table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','newbits/images/walpaper2_08.gif',1)"><img src="newbits/images/walpaper2_08.gif" name="Image3" width="45" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','newbits/images/walpaper2_09.gif',1)"><img src="newbits/images/walpaper2_09.gif" name="Image4" width="42" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','newbits/images/walpaper2_10.gif',1)"><img src="newbits/images/walpaper2_10.gif" name="Image5" width="41" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','newbits/images/walpaper2_11.gif',1)"><img src="newbits/images/walpaper2_11.gif" name="Image6" width="53" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','newbits/images/walpaper2_12.gif',1)"><img src="newbits/images/walpaper2_12.gif" name="Image7" width="41" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','newbits/images/walpaper2_13.gif',1)"><img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_13.gif" name="Image8" width="50" height="28" border="0"></a><img src="newbits/images/walpaper2_14.gif" width="114" height="28"></td>
</tr>
</table></td>
</tr>
</table>
<p align="left"><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_19.gif" name="profbird" width="315" height="316" class="position2" id="profbird"></p>
</div></td>
</tr>
</table></td>
</tr>
</table>
<p class="standardtext"> </p>
<span class="position1">
<div align="left"> <br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"RecordBox.gif" width="250" height="250" align="middle"> </div>
</span>
<p> </p><p class="standardtext"><br>
</p>
<p> </p>
</body>
</html>
i am using dreamweaver mx and creating my own web site in which i want to have the page centred on the screen (which i have worked out)
my problem comes when i try and get the text box which i created using css to move with the rest of the page when the page is sized up or down.
i tried changing the settings from px to % for the text box but it didnt seem to work, however i may have been doing something wrong????
any ideas people?
thanks!Can we maybe see a link please or some code. Also where is this textbox meant to be centered, left or right because you could float it.hiya thanks for the reply,
here is the code for one of the pages, i want the text box to be a scroll bar at the left hand side and to keep it in the ame place on each page.
any ideas?
also do you know how i can get rid of the scroll that goes left to right and only keep the up and down bar??
thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>sublimesoul.co.uk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=http://www.webdeveloper.com/forum/archive/index.php/"styles/master.css" rel="stylesheet" type="text/css">
<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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=http://www.webdeveloper.com/forum/archive/index.php/a;}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=http://www.webdeveloper.com/forum/archive/index.php/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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=http://www.webdeveloper.com/forum/archive/index.php/x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body text="#666666" link="#666666" vlink="#CCCCCC" alink="#666666" leftmargin="10" topmargin="10" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('newbits/images/walpaper2_08.gif','newbits/images/walpaper2_09.gif','newbits/images/walpaper2_10.gif','newbits/images/walpaper2_11.gif','newbits/images/walpaper2_12.gif','newbits/images/walpaper2_13.gif')" tracingsrc=http://www.webdeveloper.com/forum/archive/index.php/"Picture 7.jpg" tracingopacity="100">
<table width="700" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="750" height="102" valign="top"><img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_01.gif" width="700" height="100"></td>
</tr>
<tr>
<td><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="316" height="539"> </td>
<td width="434" valign="top">
<div align="center">
<table width="435" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="40" valign="bottom"><table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','newbits/images/walpaper2_08.gif',1)"><img src="newbits/images/walpaper2_08.gif" name="Image3" width="45" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','newbits/images/walpaper2_09.gif',1)"><img src="newbits/images/walpaper2_09.gif" name="Image4" width="42" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','newbits/images/walpaper2_10.gif',1)"><img src="newbits/images/walpaper2_10.gif" name="Image5" width="41" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','newbits/images/walpaper2_11.gif',1)"><img src="newbits/images/walpaper2_11.gif" name="Image6" width="53" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','newbits/images/walpaper2_12.gif',1)"><img src="newbits/images/walpaper2_12.gif" name="Image7" width="41" height="28" border="0"></a><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','newbits/images/walpaper2_13.gif',1)"><img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_13.gif" name="Image8" width="50" height="28" border="0"></a><img src="newbits/images/walpaper2_14.gif" width="114" height="28"></td>
</tr>
</table></td>
</tr>
</table>
<p align="left"><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"newbits/images/walpaper2_19.gif" name="profbird" width="315" height="316" class="position2" id="profbird"></p>
</div></td>
</tr>
</table></td>
</tr>
</table>
<p class="standardtext"> </p>
<span class="position1">
<div align="left"> <br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"RecordBox.gif" width="250" height="250" align="middle"> </div>
</span>
<p> </p><p class="standardtext"><br>
</p>
<p> </p>
</body>
</html>