|
|
Add the following points to web
page
Notes
|
 |
|
1. |
Important info: The file
'picture_move_with_scroll_right_files/abm(8).htm'
strores picture (width = 160 and Height=
600) |
2. |
- at Normal Source of web page - Blank
page, right click
this page, on the shortcut menu click Page Proprieties,
the Page Proprieties dialog box appears, click
tab Margins, check Specify top margin and
Specify left margin, and then click ok
- at Normal Source, from
Table menu, select Insert and then select
Table ... , the Insert Table dialog box appears,
(size coordinates: 3 row and 1 Column) and then click ok.
New Table display
- at Normal Source of web page,
right click this
Table created, on the shortcut menu click Table
Proprieties, the Table Proprieties dialog box
appears, check Specify height and type 900 at text
box and check in pixels, and then click ok
- at Normal Source of web page,
right click
1st Cell of this Table created, on the
shortcut menu click Cell Proprieties, the Cell
Proprieties dialog box appears, at Specify width
type 2 in percent and at Vertical
alignment combo box select Top, and then click ok
- at Normal Source of web page,
right click
2nd Cell of this Table created, on the
shortcut menu click Cell Proprieties, the Cell
Proprieties dialog box appears, at Specify width
type 80 in percent and at Vertical
alignment combo box select Top, and then click ok
- at Normal Source of web page,
right click
3rd Cell of this Table created, on the
shortcut menu click Cell Proprieties, the Cell
Proprieties dialog box appears, at Specify width
type 18 in percent and at Vertical
alignment combo box select Top, and then click ok
- at Normal Source, into the
3rd
Cell ,
type 'A' and select it
- at HTML source, appears the place
selected at the previous point ( letter 'A'
typed and selected at Normal Source)
<TD vAlign=top
width="20%">A</TD>
- at HTML source, replace the
previous HTML text created by the
following HTML text and JavaScript text- (color of old
text - red, color of new text -
black )
<TD vAlign=top
width=20><!-- FLOATING BANNER START
--> <SCRIPT> if
(!document.layers) document.write('<div
id="divStayTopLeft"
style="position:relative;">') </SCRIPT>
<SCRIPT
language=JavaScript
src="picture_move_with_scroll_right_files/abm(8).htm"> </SCRIPT>
<SCRIPT
type=text/javascript> /* Picture Move with
Scroll Bar, Floating
Menu script */
//Enter "frombottom" or
"fromtop" var verticalpos="fromtop"
if
(!document.layers) document.write('</div>')
function
JSFX_FloatTopDiv() { startY = 0; var ns =
(navigator.appName.indexOf("Netscape") != -1); var
d = document;
function ml(id) { var
el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(y){
this.style.top=y+"px"; }; el.y = startY; return
el; } window.stayTopLeft=function() { if(ns){ pY
= pageYOffset; } else
{ if(document.documentElement){ pY =
document.documentElement.scrollTop; } else { pY
= document.body.scrollTop; }
} //var pY =
ns ? pageYOffset :
document.body.scrollTop; ftlObj.y += (pY + startY -
ftlObj.y)/8;
ftlObj.sP(ftlObj.y); setTimeout("stayTopLeft()",
10); } ftlObj =
ml("divStayTopLeft"); //alert(ftlObj); stayTopLeft(); } JSFX_FloatTopDiv(); </SCRIPT> </TD> |
|
3. |
at HTML source.
replace this HTML text (1st line of HTML text)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN"> by the following
HTML text - (color of old text - red, color of new text - black
) <!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> | | |