DIV in a page with Dynamic Web Template applied

G

Guest

Hello.

I have some problem in inserting a layer into a page, which has a Dynamic
Web Template (DWT) applied. (the parent DWT file has two layers, of z-index 5
and 4 respectively.)

When I insert a layer (of z-index 3) in the editable area in a page with DWT
applied, the layer displayed properly in the main window. But when I go to
the Layer Task Pane, I can't see the layer. How can I get the layer appear in
the Layer Task Pane?

Thanks.
 
M

Murray

Can you show me your page's code after you insert the layer? I suspect that
FP is adding that layer's code to a region of the page that is not editable,
even though you had the insertion point in the editable region.
 
G

Guest

OK, here it is.
Please note that there are already two layers in the Template.
The layer I want to display in the Layer task pane is located somewhere in
the middle and I have seperated it from the rest with some comment symbol
(i.e. <!-- -->).
The template (gmaster.dwt) can be found at
http://www.chezjeff.net/pages/shared/gmaster.dwt

Thanks again.

***************************
<html>

<!-- #BeginTemplate "shared/gmaster.dwt" -->

<head><!-- #BeginEditable "header_configuration" -->
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<title>Chez Jeff -> Notepad</title><!-- #EndEditable -->
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="scrollbarcolor.js"></script>
<!-- #BeginEditable "header_css_configuration" -->
<style>
<!--
body { background-position: 169px 570px; background-repeat:no-repeat; }
-->
</style>
<!-- #EndEditable -->
</head>

<!-- #BeginEditable "body_tag" -->
<body ONCONTEXTMENU="window.event.returnValue=false" topmargin="0"
leftmargin="0" bgcolor="#000000" background="winexplorebg.jpg"><!--
#EndEditable -->

<div style="position: absolute; width: 600; height: 100px; z-index: 2;
left:155px; top:0px" id="banner_lowerfragment">
<p align="center"> <object
classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj3"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="600" height="50">
<param name="movie" value="banner3.swf">
<param name="quality" value="High">
<embed src="banner3.swf"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" name="obj3" width="600" height="50"
quality="High"></object>
<img border="0" src="v3banner_lowerfragment.jpg"><br>
<b><font face="Verdana" size="2" color="#666666">T h e
E t e r n a l H o m e p a g e
S o p h i s t i c a t i o n</font></b></div>

<div style="position: absolute; width: 100%; height: 100px; z-index: 4;
left:0; top:0" id="primary">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse:
collapse; border-width: 0px" width="100%" id="table1" height="750">
<tr>
<td colspan="4" style="border-style: none; border-width: medium"
height="48">
</td>
</tr>
<tr>
<td colspan="4" style="border-style: none; border-width: medium"
height="22">
</td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" colspan="2"
valign="bottom">
<img border="0" src="linkbartop.jpg" width="150" height="20"></td>
<td width="22" style="border-style: none; border-width: medium"
height="22" bgcolor="#FD8000">
</td>
<td width="830" style="border-style: none; border-width: medium">
</td>
</tr>
<tr>
<td width="6" style="border-style: none; border-width: medium"
bgcolor="#C0C0C0" rowspan="4">
<font color="#C0C0C0">\</font></td>
<td width="147" style="border-style: none; border-width: medium"
valign="top">
<p> </p>

<p>
<a class="panel" accesskey="d" title="Hotkey: Alt + D
The page that is to be loaded by default when entering Chez Jeff."
href="index.htm"><font size="4">D</font>efault</a></p><p><font
color="#FFFFFF">
<a accesskey="i" class="panel" target="_self" title="Hotkey: Alt + I
Inside out facts about the webmaster of Chez Jeff." href="io.htm"><font
size="4">I</font>nside
Out</a></font></p><p><font face="Verdana">
<a target="_self" accesskey="l" class="panel" title="Hotkey: Alt + L
The living history of one people in billions ..."
href="livinhistory/default.htm"><font size="4">L</font>ivin'
History</a></font></p><p>
<a target="_self" accesskey="p" class="panel" title="Hotkey: Alt + P
People says a thousand words ain't as powerful as one photograph. This is my
memory caught on film." href="photo.htm"><font
size="4">P</font>hotocology</a></p><p><font color="#FFFFFF">
<a target="_self" accesskey="c" class="panel" title="Hotkey: Alt + C
Innovate; complexity; user-friendliness; that's what Chez Jeff's made up
of." href="cjinn.htm"><font size="4">C</font>J
Innovated</a></font></p><p><font color="#FFFFFF">
<a target="_self" class="panel" accesskey="w" title="Hotkey: Alt + W
Some facts of the genuine Chez Jeff author - my computer."
href="winexplore.htm"><font size="4">W</font>indows
Explorer</a></font></p><p><font color="#FFFFFF">
<a target="_self" accesskey="m" class="panel" title="Hotkey: Alt + M
Language - the greatest invention of human beings. Here are some products
made with this great invention." href="ink.htm"><font size="4">M</font>atter
of Ink</a></font></p><p><font face="Verdana">
<a target="_self" class="panel" accesskey="n" title="Hotkey: Alt + N
Notepad, for jotting down notes, for figuring out sketches, for drawing
graffiti, for speaking out words from my heart ... " href="notepad.htm"><font
size="4">N</font>otepad</a></font></p><p><font color="#FFFFFF" face="Verdana">
<a target="_self" class="panel" accesskey="t" title="Hotkey: Alt + T
Home-made products by Jeff Li." href="dls.htm"><font
size="4">T</font>éléchargment</a></font></p><p><font color="#FFFFFF">
<a target="_self" accesskey="w" class="panel" title="Hotkey: Alt + W
Discover ... the utmost of the web ... starting from this page."
href="links.htm"><font size="4">
W</font>eb <font face="Verdana">É</font>lites</a></font></p><p><font
color="#FFFFFF">
<a target="_self" accesskey="e" class="panel" title="Hotkey: Alt + E
" href="ecrirez.htm"><font size="4">É</font>crivez-moi</a></font>

</td>
<td width="22" style="border-style: none; border-width: medium"
valign="top">
<!-- #BeginEditable "fade2top_config" -->
<img border="0" src="fade2down.jpg" width="22" height="298"><!--
#EndEditable --></td>
<td width="830" style="border-style: none; border-width: medium"
valign="top" height="526">
<!-- #BeginEditable "page_contents" -->
<p>
<img border="0" src="winexplore.gif" width="500" height="50"
align="right">)</p>
<p>
</p>
<p>
<font face="Trebuchet MS" size="2" color="#CCCCCC">The fantasy of
embedding a computer into a human being has not came true yet, so I must
use
a computer to write this site. And the system specifications of this
genuine
Chez Jeff author?</font></p>
<p>
</p>
<p align="center">
<b><i><font face="Arial" color="#FFFF00"><a name="1"></a>
Storage Devices and drives</font></i></b></p>
<table border="1" style="border-collapse: collapse; border-width: 0px"
width="830" id="table2">
<tr>
<td style="border-style: none; border-width: medium" width="828"
colspan="4"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">A:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font color="#FF6600" face="Trebuchet MS" size="2">3.5 Inch Floppy
Disk</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59">
</td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">C:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="10">
<font face="Trebuchet MS" size="2" color="#FF6600">7.29 GB <sup>1</sup>
FAT32
<sup>2</sup> Hard Disk. Primary drive of Windows 98 and data
storage.</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59">

<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- This is the DIV that is not found in the Layer Task Pane -->
<!-- -->
<!-- -->
<!-- -->
<!-- -->

<div style="position: absolute; width: 100px; height: 100px; z-index: 1"
id="layer1">
</div>

<!-- -->
<!-- -->
<!-- -->
<!-- -->


</td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">D:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="9">
<font face="Trebuchet MS" size="2" color="#FF6600">7.00 GB <sup>1 </sup>
NTFS
<sup>2 </sup> Hard Disk. Primary drive of Windows XP.</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">F:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">4x <sup>3</sup>
Read-only CD
Rom Drive</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">G:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">8x 8x 24x <sup>3</sup>
Re-writable CD Rom Drive</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">E:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">Removable Storage
Disk</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42"> </td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
</td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="828"
colspan="4"> </td>
</tr>
</table>
<p align="center"><b><i><font face="Arial" color="#FFFF00">
<a name="2"></a>Hardware Profile</font></i></b></p>
<p style="margin-top: 0; margin-bottom: 0"><font face="Verdana" size="2"
color="#FFFFFF">
Total hard disk size: </font><font face="Verdana" size="2"
color="#FF6600">
14.2 GB</font><p style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Random access memory (RAM)
: </font>
<font face="Verdana" size="2" color="#FF6600">192 MB</font><p
style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Central processing unit
(CPU)
: </font>
<font face="Verdana" size="2" color="#FF6600">Intel Celeron ~ 600
MHz</font><p style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Available networking
interface
: </font><font face="Verdana" size="2" color="#FF6600">Modem, Ethernet
card</font><p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p
style="margin-top: 0; margin-bottom: 0" align="center">
<b><i><font face="Arial" color="#FFFF00"><a name="3"></a>Peripherals
</font></i></b>
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p
style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">Scanner : </font>
<font face="Verdana" size="2" color="#FF6600">Plustek OpticPro 1248
U</font><p style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">Printer : </font>
<font face="Verdana" size="2" color="#FF6600">Lexmark Z12</font><p
style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">External CD-Drive (F:) :
</font><font face="Verdana" size="2" color="#FF6600">TDK PCD 8824U2 Silm
Portable CD-R/RW Drive</font><!-- #EndEditable --></td>
</tr>
<tr>
<td width="147" style="border-style: none; border-width: medium"
valign="top">
<!-- #BeginEditable "left_config" --> <!-- #EndEditable --></td>
<td width="22" style="border-style: none; border-width: medium"
valign="bottom" rowspan="3">
<!-- #BeginEditable "fade2down_config" -->
<img border="0" src="fade2top.jpg" width="22" height="810"><!--
#EndEditable --></td>
<td width="830" style="border-style: none; border-width: medium"
valign="top" height="348" rowspan="2">
<!-- #BeginEditable "lower" -->
<p align="left">(<p align="center"><b><i><font face="Arial"
color="#FFFF00">
<a name="4"></a>Majority
Application Environment Available</font></i></b><p align="center">
<font face="Verdana" size="2" color="#FFFFFF">Microsoft Windows : </font>
<font face="Verdana" size="2" color="#FF6600">98 Second Edition </font>
<font face="Verdana" size="1" color="#FFFFFF">(<a class="default"
title="Learn more about Microsoft Windows 98 Second Edition at Microsoft.com"
target="_blank" href="http://www.microsoft.com/windows98">Related
Page</a>) </font><font face="Verdana" size="1" color="#C56CFF">external
link</font><font face="Verdana" size="2" color="#FFFFFF">,
</font><font face="Verdana" size="2" color="#FF6600">XP Professional
</font>
<font face="Verdana" size="1" color="#FFFFFF">(<a class="default"
title="Learn more about Microsoft Windows XP Professional Edition at
Microsoft.com" target="_blank"
href="http://www.microsoft.com/windowsxp/pro">Related
Page</a>) </font><font face="Verdana" size="1" color="#C56CFF">external
link
</font><font face="Verdana" size="2" color="#FFFFFF">and Disk Operating
system (DOS).</font><p align="left" style="margin-top: 0; margin-bottom:
0">
<font face="Verdana" size="2" color="#FFFFFF">Microsoft Office : </font>
<font face="Verdana" size="2" color="#FF6600">Student and Teacher Edition
2003, FrontPage 2003 </font><font face="Verdana" size="1" color="#FFFFFF">
(Additionally purchased).</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="left"> <p align="center" style="margin-top: 0; margin-bottom:
0"><b><i>
<font face="Arial" color="#FFFF00"><a name="5"></a>Desktops /
Screenshots</font></i></b></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<a href="galleryimages/desktop.jpg" target="_blank">
<img border="0" src="galleryimages/desktop.jpg" width="400" height="300"
alt="Desktop in Windows 98 (Click to enlarge) [ desktop.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom: 0">
Desktop in the Windows 98 System</p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0"> </p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom: 0">
<a href="galleryimages/desktopxp.jpg" target="_blank">
<img border="0" src="galleryimages/desktopxp.jpg" width="400"
height="300" longdesc="Desktop in Windows XP (Click to enlarge) [
desktopxp.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom: 0">
Desktop in the Windows XP System</p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0"> </p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom: 0">
<a href="galleryimages/desktop2k.jpg" target="_blank">
<img border="0" src="galleryimages/desktop2k.jpg" width="400"
height="300" alt="Desktop in the workstation in the MMLC (Click to enlarge) [
desktop.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom: 0">
Desktop of my workstation in the MMLC <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default"
href="livinhistory/seclife.htm#3" title="Learn more about the MMLC from
Livin' History | Secondary Life">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font>
(runs Windows 2000 Professional)<p class="caption" align="center"
style="margin-top: 0; margin-bottom: 0">
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<img border="0" src="galleryimages/frontpage.jpg" width="400"
height="300"><p class="caption" align="center" style="margin-top: 0;
margin-bottom: 0">
Microsoft Office FrontPage 2003 <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default" title="Learn
more about Microsoft Office FrontPage 2003 from Microsoft.com"
href="http://office.microsoft.com/frontpage">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><span style="font-weight: 400; font-style:
normal"><font face="Verdana" size="1" color="#C56CFF">
external link</font><font face="Verdana" size="1" color="#FFFFFF">
(</font></span><font face="Verdana" size="1" color="#FFFFFF"><span
style="font-style: normal; font-weight:400"><a class="default" title="Learn
more about Microsoft Office FrontPage 2003 as my web site building tool from
CJ Innovated | Building Blocks - Builder" href="cjinn/bb_b.htm#1">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><p class="caption" align="center" style="margin-top:
0; margin-bottom: 0">
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<img border="0" src="flashmx.jpg" width="400" height="300"><br>
Macromedia Flash MX Professional 2004 <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default" title="Learn
more about Macromedia Flash MX Professional 2004 from Macromedia.com"
href="http://www.macromedia.com/flash">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><span style="font-weight: 400; font-style:
normal"><font face="Verdana" size="1" color="#FFFFFF">
</font><font face="Verdana" size="1" color="#C56CFF">
external link </font><font face="Verdana" size="1" color="#FFFFFF">
(</font></span><font face="Verdana" size="1" color="#FFFFFF"><span
style="font-style: normal; font-weight:400"><a class="default" title="Learn
more about Macromedia Flash MX Professional 2004 as my web site building tool
from CJ Innovated | Building Blocks - Builder"
href="cjinn/bb_b.htm#3">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><p class="caption" align="center">
<!-- #EndEditable --></td>
</tr>
<tr>
<td width="147" style="border-style: none; border-width: medium"
valign="bottom">
<p class="time_stamp" align="center">Published: <!-- #BeginEditable
"created" -->
10 Jan 2004<!-- #EndEditable --><br> Updated:
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%d %b %Y" --></td>
</tr>
<tr>
<td background="buttombg.jpg" width="147" style="border-style: none;
border-width: medium" valign="top">
</td>
<td background="buttombg.jpg" width="830" style="border-style: none;
border-width: medium" valign="top" height="70">
<p class="white8" align="center">
<a onmouseover="window.status='Accessibility';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self"
href="http://admin.chezjeff.net/access.htm">Accessibility</a><font size="2"
color="#FFFFFF"> </font>|<font size="2" color="#FFFFFF"> </font>
<a onmouseover="window.status='Send feedback';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://contact.chezjeff.net/opinion.htm">Send
Feedback</a> |
<a class="buttom" onmouseover="window.status='Tell a friend about this
site';return true" onmouseout="window.status=window.defaultStatus;return
true"href="mailto:?subject=Check this site out&body=Hi, I found an
interesting web site called 'Chez-Jeff' when I surf the Internet. You might
find it interesting as well and its address is http://www.chezjeff.net">Tell
a friend about this site</a><font size="2" color="#FFFFFF"> </font>|
<a onmouseover="window.status='Site Map';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://admin.chezjeff.net/sm.htm">Site
Map</a><br>Copyright
© 2000 - 2004 Jeff Li. All rights reserved.
<a onmouseover="window.status='Terms of Use and Privacy Policy';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://admin.chezjeff.net/tospp.htm">Terms of Use and
Privacy Policy</a><br>
<!-- #BeginEditable "supp_cpy" --> <!-- #EndEditable --></p><p
class="white8" style="margin-top: 0; margin-bottom: 0" align="center">
</td>
</tr>
</table>
</div>

</body><!-- #EndTemplate -->

</html>

******************************************
 
M

Murray

That's pretty strange.

I loaded your code, and there is nothing in the Layers panel. I used FORMAT
| Dynamic Web Template > Detach from Dynamic Web Template, and the layers
appeared in the panel. Then I just did an undo, and whaddya know? The
layers stayed in the panel! I dunno why!

But, I have to tell you, I see at least two problems on that page.

1. Much of your page content is wrapped in a layer called primary (I'm not
sure why you needed to do this), including the layer that you are wanting to
see in the editable region. Nesting inline layers like this is going to
cause a rendering problem in some browsers (particularly NN4x). If you want
to nest them (again, I am not sure what the need is for #primary, so I think
you could do without it), then you should make the inner layer (the one in
the editable region) be a fully qualified CSS layer (i.e., it contains no
inline styles, which have all been moved to the stylesheet).

2. That inner layer is in a table cell. This is a much bigger problem.
You should never put absolutely positioned page elements (not necessarily
just divisions) directly into table cells, or you will have lots of
cross-browser/platform rendering problems. Since absolutely positioned
elements are ... ermm ... absolutely positioned, they do not rely on tables
or any other page infrastructure for their placement on the screen. This
being the case, their code can fall anywhere on the flow of code from <body>
to </body> without affecting that placement.

In this case, however, you have a problem, since you are using DWTs and you
can only put things into editable regions. The solution is to create a
special editable region right at the bottom of the page's code, e.g.,

change -

</body>

to -

<!-- #BeginEditable "layerPad" --><!-- #EndEditable -->
</body>

and allow this change to propagate to the child pages. Now, when you want
to insert a layer onto a child page, you just click inside this layerPad
region and use INSERT | Layer.

Maybe that'll help you come to grips with this!

--
Murray

Xero said:
OK, here it is.
Please note that there are already two layers in the Template.
The layer I want to display in the Layer task pane is located somewhere in
the middle and I have seperated it from the rest with some comment symbol
(i.e. <!-- -->).
The template (gmaster.dwt) can be found at
http://www.chezjeff.net/pages/shared/gmaster.dwt

Thanks again.

***************************
<html>

<!-- #BeginTemplate "shared/gmaster.dwt" -->

<head><!-- #BeginEditable "header_configuration" -->
<meta http-equiv="Content-Type" content="text/html; charset=unicode">
<title>Chez Jeff -> Notepad</title><!-- #EndEditable -->
<link rel="stylesheet" type="text/css" href="style.css">
<script language="javascript" src="scrollbarcolor.js"></script>
<!-- #BeginEditable "header_css_configuration" -->
<style>
<!--
body { background-position: 169px 570px; background-repeat:no-repeat; }
-->
</style>
<!-- #EndEditable -->
</head>

<!-- #BeginEditable "body_tag" -->
<body ONCONTEXTMENU="window.event.returnValue=false" topmargin="0"
leftmargin="0" bgcolor="#000000" background="winexplorebg.jpg"><!--
#EndEditable -->

<div style="position: absolute; width: 600; height: 100px; z-index: 2;
left:155px; top:0px" id="banner_lowerfragment">
<p align="center"> <object
classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj3"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
border="0" width="600" height="50">
<param name="movie" value="banner3.swf">
<param name="quality" value="High">
<embed src="banner3.swf"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" name="obj3" width="600" height="50"
quality="High"></object>
<img border="0" src="v3banner_lowerfragment.jpg"><br>
<b><font face="Verdana" size="2" color="#666666">T h e
E t e r n a l H o m e p a g e
S o p h i s t i c a t i o n</font></b></div>

<div style="position: absolute; width: 100%; height: 100px; z-index: 4;
left:0; top:0" id="primary">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse:
collapse; border-width: 0px" width="100%" id="table1" height="750">
<tr>
<td colspan="4" style="border-style: none; border-width: medium"
height="48">
</td>
</tr>
<tr>
<td colspan="4" style="border-style: none; border-width: medium"
height="22">
</td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" colspan="2"
valign="bottom">
<img border="0" src="linkbartop.jpg" width="150" height="20"></td>
<td width="22" style="border-style: none; border-width: medium"
height="22" bgcolor="#FD8000">
</td>
<td width="830" style="border-style: none; border-width: medium">
</td>
</tr>
<tr>
<td width="6" style="border-style: none; border-width: medium"
bgcolor="#C0C0C0" rowspan="4">
<font color="#C0C0C0">\</font></td>
<td width="147" style="border-style: none; border-width: medium"
valign="top">
<p> </p>

<p>
<a class="panel" accesskey="d" title="Hotkey: Alt + D
The page that is to be loaded by default when entering Chez Jeff."
href="index.htm"><font size="4">D</font>efault</a></p><p><font
color="#FFFFFF">
<a accesskey="i" class="panel" target="_self" title="Hotkey: Alt + I
Inside out facts about the webmaster of Chez Jeff." href="io.htm"><font
size="4">I</font>nside
Out</a></font></p><p><font face="Verdana">
<a target="_self" accesskey="l" class="panel" title="Hotkey: Alt + L
The living history of one people in billions ..."
href="livinhistory/default.htm"><font size="4">L</font>ivin'
History</a></font></p><p>
<a target="_self" accesskey="p" class="panel" title="Hotkey: Alt + P
People says a thousand words ain't as powerful as one photograph. This is
my
memory caught on film." href="photo.htm"><font
size="4">P</font>hotocology</a></p><p><font color="#FFFFFF">
<a target="_self" accesskey="c" class="panel" title="Hotkey: Alt + C
Innovate; complexity; user-friendliness; that's what Chez Jeff's made up
of." href="cjinn.htm"><font size="4">C</font>J
Innovated</a></font></p><p><font color="#FFFFFF">
<a target="_self" class="panel" accesskey="w" title="Hotkey: Alt + W
Some facts of the genuine Chez Jeff author - my computer."
href="winexplore.htm"><font size="4">W</font>indows
Explorer</a></font></p><p><font color="#FFFFFF">
<a target="_self" accesskey="m" class="panel" title="Hotkey: Alt + M
Language - the greatest invention of human beings. Here are some products
made with this great invention." href="ink.htm"><font
size="4">M</font>atter
of Ink</a></font></p><p><font face="Verdana">
<a target="_self" class="panel" accesskey="n" title="Hotkey: Alt + N
Notepad, for jotting down notes, for figuring out sketches, for drawing
graffiti, for speaking out words from my heart ... "
href="notepad.htm"><font
size="4">N</font>otepad</a></font></p><p><font color="#FFFFFF"
face="Verdana">
<a target="_self" class="panel" accesskey="t" title="Hotkey: Alt + T
Home-made products by Jeff Li." href="dls.htm"><font
size="4">T</font>éléchargment</a></font></p><p><font color="#FFFFFF">
<a target="_self" accesskey="w" class="panel" title="Hotkey: Alt + W
Discover ... the utmost of the web ... starting from this page."
href="links.htm"><font size="4">
W</font>eb <font face="Verdana">É</font>lites</a></font></p><p><font
color="#FFFFFF">
<a target="_self" accesskey="e" class="panel" title="Hotkey: Alt + E
" href="ecrirez.htm"><font size="4">É</font>crivez-moi</a></font>

</td>
<td width="22" style="border-style: none; border-width: medium"
valign="top">
<!-- #BeginEditable "fade2top_config" -->
<img border="0" src="fade2down.jpg" width="22" height="298"><!--
#EndEditable --></td>
<td width="830" style="border-style: none; border-width: medium"
valign="top" height="526">
<!-- #BeginEditable "page_contents" -->
<p>
<img border="0" src="winexplore.gif" width="500" height="50"
align="right">)</p>
<p>
</p>
<p>
<font face="Trebuchet MS" size="2" color="#CCCCCC">The fantasy of
embedding a computer into a human being has not came true yet, so I
must
use
a computer to write this site. And the system specifications of this
genuine
Chez Jeff author?</font></p>
<p>
</p>
<p align="center">
<b><i><font face="Arial" color="#FFFF00"><a name="1"></a>
Storage Devices and drives</font></i></b></p>
<table border="1" style="border-collapse: collapse; border-width: 0px"
width="830" id="table2">
<tr>
<td style="border-style: none; border-width: medium" width="828"
colspan="4"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">A:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font color="#FF6600" face="Trebuchet MS" size="2">3.5 Inch Floppy
Disk</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59">
</td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">C:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="10">
<font face="Trebuchet MS" size="2" color="#FF6600">7.29 GB <sup>1</sup>
FAT32
<sup>2</sup> Hard Disk. Primary drive of Windows 98 and data
storage.</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59">

<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- This is the DIV that is not found in the Layer Task Pane -->
<!-- -->
<!-- -->
<!-- -->
<!-- -->

<div style="position: absolute; width: 100px; height: 100px; z-index: 1"
id="layer1">
</div>

<!-- -->
<!-- -->
<!-- -->
<!-- -->


</td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">D:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="9">
<font face="Trebuchet MS" size="2" color="#FF6600">7.00 GB <sup>1
</sup>
NTFS
<sup>2 </sup> Hard Disk. Primary drive of Windows XP.</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">F:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">4x <sup>3</sup>
Read-only CD
Rom Drive</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">G:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">8x 8x 24x
<sup>3</sup>
Re-writable CD Rom Drive</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42">
<font face="Trebuchet MS" size="2" color="#FFFFFF">E:</font></td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
<font face="Trebuchet MS" size="2" color="#FF6600">Removable Storage
Disk</font></td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="59"> </td>
<td style="border-style: none; border-width: medium" width="42"> </td>
<td width="458" style="border-style: none; border-width: medium"
valign="top" height="19">
</td>
<td style="border-style: none; border-width: medium" width="269"> </td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="828"
colspan="4"> </td>
</tr>
</table>
<p align="center"><b><i><font face="Arial" color="#FFFF00">
<a name="2"></a>Hardware Profile</font></i></b></p>
<p style="margin-top: 0; margin-bottom: 0"><font face="Verdana"
size="2"
color="#FFFFFF">
Total hard disk size: </font><font face="Verdana" size="2"
color="#FF6600">
14.2 GB</font><p style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Random access memory
(RAM)
: </font>
<font face="Verdana" size="2" color="#FF6600">192 MB</font><p
style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Central processing unit
(CPU)
: </font>
<font face="Verdana" size="2" color="#FF6600">Intel Celeron ~ 600
MHz</font><p style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" size="2" color="#FFFFFF">Available networking
interface
: </font><font face="Verdana" size="2" color="#FF6600">Modem, Ethernet
card</font><p style="margin-top: 0; margin-bottom: 0">
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p
style="margin-top: 0; margin-bottom: 0" align="center">
<b><i><font face="Arial" color="#FFFF00"><a name="3"></a>Peripherals
</font></i></b>
<p style="margin-top: 0; margin-bottom: 0" align="center"> <p
style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">Scanner : </font>
<font face="Verdana" size="2" color="#FF6600">Plustek OpticPro 1248
U</font><p style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">Printer : </font>
<font face="Verdana" size="2" color="#FF6600">Lexmark Z12</font><p
style="margin-top: 0; margin-bottom: 0" align="left">
<font face="Verdana" size="2" color="#FFFFFF">External CD-Drive (F:) :
</font><font face="Verdana" size="2" color="#FF6600">TDK PCD 8824U2
Silm
Portable CD-R/RW Drive</font><!-- #EndEditable --></td>
</tr>
<tr>
<td width="147" style="border-style: none; border-width: medium"
valign="top">
<!-- #BeginEditable "left_config" --> <!-- #EndEditable --></td>
<td width="22" style="border-style: none; border-width: medium"
valign="bottom" rowspan="3">
<!-- #BeginEditable "fade2down_config" -->
<img border="0" src="fade2top.jpg" width="22" height="810"><!--
#EndEditable --></td>
<td width="830" style="border-style: none; border-width: medium"
valign="top" height="348" rowspan="2">
<!-- #BeginEditable "lower" -->
<p align="left">(<p align="center"><b><i><font face="Arial"
color="#FFFF00">
<a name="4"></a>Majority
Application Environment Available</font></i></b><p align="center">
<font face="Verdana" size="2" color="#FFFFFF">Microsoft Windows : </font>
<font face="Verdana" size="2" color="#FF6600">98 Second Edition </font>
<font face="Verdana" size="1" color="#FFFFFF">(<a class="default"
title="Learn more about Microsoft Windows 98 Second Edition at
Microsoft.com"
target="_blank" href="http://www.microsoft.com/windows98">Related
Page</a>) </font><font face="Verdana" size="1" color="#C56CFF">external
link</font><font face="Verdana" size="2" color="#FFFFFF">,
</font><font face="Verdana" size="2" color="#FF6600">XP Professional
</font>
<font face="Verdana" size="1" color="#FFFFFF">(<a class="default"
title="Learn more about Microsoft Windows XP Professional Edition at
Microsoft.com" target="_blank"
href="http://www.microsoft.com/windowsxp/pro">Related
Page</a>) </font><font face="Verdana" size="1" color="#C56CFF">external
link
</font><font face="Verdana" size="2" color="#FFFFFF">and Disk Operating
system (DOS).</font><p align="left" style="margin-top: 0;
margin-bottom:
0">
<font face="Verdana" size="2" color="#FFFFFF">Microsoft Office :
</font>
<font face="Verdana" size="2" color="#FF6600">Student and Teacher
Edition
2003, FrontPage 2003 </font><font face="Verdana" size="1"
color="#FFFFFF">
(Additionally purchased).</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="left"> <p align="center" style="margin-top: 0; margin-bottom:
0"><b><i>
<font face="Arial" color="#FFFF00"><a name="5"></a>Desktops /
Screenshots</font></i></b></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<a href="galleryimages/desktop.jpg" target="_blank">
<img border="0" src="galleryimages/desktop.jpg" width="400"
height="300"
alt="Desktop in Windows 98 (Click to enlarge) [ desktop.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
Desktop in the Windows 98 System</p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0"> </p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<a href="galleryimages/desktopxp.jpg" target="_blank">
<img border="0" src="galleryimages/desktopxp.jpg" width="400"
height="300" longdesc="Desktop in Windows XP (Click to enlarge) [
desktopxp.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
Desktop in the Windows XP System</p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0"> </p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<a href="galleryimages/desktop2k.jpg" target="_blank">
<img border="0" src="galleryimages/desktop2k.jpg" width="400"
height="300" alt="Desktop in the workstation in the MMLC (Click to
enlarge) [
desktop.jpg ]"></a></p>
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
Desktop of my workstation in the MMLC <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default"
href="livinhistory/seclife.htm#3" title="Learn more about the MMLC from
Livin' History | Secondary Life">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font>
(runs Windows 2000 Professional)<p class="caption" align="center"
style="margin-top: 0; margin-bottom: 0">
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<img border="0" src="galleryimages/frontpage.jpg" width="400"
height="300"><p class="caption" align="center" style="margin-top: 0;
margin-bottom: 0">
Microsoft Office FrontPage 2003 <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default"
title="Learn
more about Microsoft Office FrontPage 2003 from Microsoft.com"
href="http://office.microsoft.com/frontpage">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><span style="font-weight: 400; font-style:
normal"><font face="Verdana" size="1" color="#C56CFF">
external link</font><font face="Verdana" size="1" color="#FFFFFF">
(</font></span><font face="Verdana" size="1" color="#FFFFFF"><span
style="font-style: normal; font-weight:400"><a class="default"
title="Learn
more about Microsoft Office FrontPage 2003 as my web site building tool
from
CJ Innovated | Building Blocks - Builder" href="cjinn/bb_b.htm#1">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><p class="caption" align="center"
style="margin-top:
0; margin-bottom: 0">
<p class="caption" align="center" style="margin-top: 0; margin-bottom:
0">
<img border="0" src="flashmx.jpg" width="400" height="300"><br>
Macromedia Flash MX Professional 2004 <font face="Verdana" size="1"
color="#FFFFFF">
<span style="font-weight: 400; font-style: normal">(</span><span
style="font-style: normal; font-weight:400"><a class="default"
title="Learn
more about Macromedia Flash MX Professional 2004 from Macromedia.com"
href="http://www.macromedia.com/flash">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><span style="font-weight: 400; font-style:
normal"><font face="Verdana" size="1" color="#FFFFFF">
</font><font face="Verdana" size="1" color="#C56CFF">
external link </font><font face="Verdana" size="1" color="#FFFFFF">
(</font></span><font face="Verdana" size="1" color="#FFFFFF"><span
style="font-style: normal; font-weight:400"><a class="default"
title="Learn
more about Macromedia Flash MX Professional 2004 as my web site building
tool
from CJ Innovated | Building Blocks - Builder"
href="cjinn/bb_b.htm#3">Related
Page</a></span><span style="font-weight: 400; font-style:
normal">)</span></font><p class="caption" align="center">
<!-- #EndEditable --></td>
</tr>
<tr>
<td width="147" style="border-style: none; border-width: medium"
valign="bottom">
<p class="time_stamp" align="center">Published: <!-- #BeginEditable
"created" -->
10 Jan 2004<!-- #EndEditable --><br> Updated:
<!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%d %b %Y" --></td>
</tr>
<tr>
<td background="buttombg.jpg" width="147" style="border-style: none;
border-width: medium" valign="top">
</td>
<td background="buttombg.jpg" width="830" style="border-style: none;
border-width: medium" valign="top" height="70">
<p class="white8" align="center">
<a onmouseover="window.status='Accessibility';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self"
href="http://admin.chezjeff.net/access.htm">Accessibility</a><font
size="2"
color="#FFFFFF"> </font>|<font size="2" color="#FFFFFF"> </font>
<a onmouseover="window.status='Send feedback';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://contact.chezjeff.net/opinion.htm">Send
Feedback</a> |
<a class="buttom" onmouseover="window.status='Tell a friend about this
site';return true" onmouseout="window.status=window.defaultStatus;return
true"href="mailto:?subject=Check this site out&body=Hi, I found an
interesting web site called 'Chez-Jeff' when I surf the Internet. You
might
find it interesting as well and its address is
http://www.chezjeff.net">Tell
a friend about this site</a><font size="2" color="#FFFFFF"> </font>|
<a onmouseover="window.status='Site Map';return true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://admin.chezjeff.net/sm.htm">Site
Map</a><br>Copyright
© 2000 - 2004 Jeff Li. All rights reserved.
<a onmouseover="window.status='Terms of Use and Privacy Policy';return
true"
onmouseout="window.status=window.defaultStatus;return true" class="buttom"
target="_self" href="http://admin.chezjeff.net/tospp.htm">Terms of Use and
Privacy Policy</a><br>
<!-- #BeginEditable "supp_cpy" --> <!-- #EndEditable --></p><p
class="white8" style="margin-top: 0; margin-bottom: 0" align="center">
</td>
</tr>
</table>
</div>

</body><!-- #EndTemplate -->

</html>

******************************************

Murray said:
Can you show me, please?
Click to expand...
Click to expand...
 
G

Guest

Hello Murray,

Thanks very much for reviewing my page ... I have managed to achieve who I
what to do with the layers - when I want to work on a layer, I go to the HTML
view and place the cursor between the <div> tags. That is inconvenient but
.... well, that's the only solution I can figure out.

For the 'primary' layer ... please have a look at
http://www.chezjeff.net/pages/winexplore.htm

This page uses the code that I have posted in the last post. If you open it
in FrontPage, you will see that the image showing my site's logo (i.e. this
image : http://www.chezjeff.net/file_archives/logo_black_small.jpg), which is
made up of a Flash file and a JPG file, is placed in a layer (named as
'banner_lowerfragment) while the content of the page is placed on another
(which is the 'primary' layer). The z-index of 'banner_lowerfragment' is
lower than that of 'primary' so that the logo will appear beneath the content
of the page.
 
M

Murray

The z-index of 'banner_lowerfragment' is
lower than that of 'primary' so that the logo will appear beneath the
content
of the page.
Click to expand...

I see - that makes sense, then. I still think you need to make that special
layerPad editable region, though, which will get you out of the 'layer in
table' syndrome.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

FrontPage 2003 Layer Question 0
Dynamic Web Templates 1
dynamic template for frontpage2003 4
Can't insert layer over a chart 4
Frontpage increases text size 6
The Attach web Template option is always disabled ? 3
dwt 2
Why won't my task pane list my layers? 1

Top