This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2004 > Layers overlapping in Dreamweaver Ultra Dev- Help





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Layers overlapping in Dreamweaver Ultra Dev- Help
Azeem NYC

2004-02-24, 4:28 pm

I Don't knwo what I am doing wrong but my layers are overlapping! I have been
trying to figure this out for over a day now... if you save this html file and
look it at.... youll see that each layer is on top of the others... I have the
Modify.Arrange/Prevent Layers from Overlapping feature checked for each layer
but it is still messing up..... Can someone please help! Btw I am using Ultra
Dev 4



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="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_findObj(n, d) { //v4.0
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 && document.getElementById) x=document.getElementById(n); return x;
}

function flvFTL1(){// v1.0
// Copyright 2003, Marja Ribbers (FlevOOware.nl)
var v1=arguments,v2,v3,v4,v5;for
(v3=0;v3<v1.length;v3++){v2=MM_findObj(v1[v3]);if (v2){if
(document.layers){v4=v2;v5="show";}else
{v4=v2.style;v5="visible";}v4.visibility=(v4.visibility==v5)?"hidden":"visible";
}}}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<div id="Layer1" style="position:absolute; width:200px; height:115px;
z-index:1">
<table width="75%" border="0">
<tr>
<td>
<input type="checkbox" name="checkbox" value="checkbox"
onClick="flvFTL1('Layer3')">
</td>
<td>LAyer 1</td>
<td>&nbsp;</td>
</tr>
<table width="75%" border="0">
<tr>
<td>Lets see If this works</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</table>
</div>

<div id="Layer2" style="position:absolute; width:200px; height:115px;
z-index:2"><table width="75%" border="0">
<tr>
<td><input type="checkbox" name="checkbox" value="checkbox">
</td>
<td>layer 2</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; width:200px; height:115px;
z-index:3"><table width="75%" border="0">
<tr>
<td><input type="checkbox" name="checkbox" value="checkbox">
</td>
<td>layer 3</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</form>
</body>
</html>

Murray *TMM*

2004-02-24, 4:28 pm

Remember that the prevent layer overlap ONLY means anything when editing the
page in DW. It does not affect what you might do after the page has been
saved and uploaded. Browse to the page and jigger with the browser's text
size to see what I am talking about.

This is a fact of life.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Azeem NYC" <webforumsuser@macromedia.com> wrote in message
news:c1g96v$jm1$1@forums.macromedia.com...
> I Don't knwo what I am doing wrong but my layers are overlapping! I have
been
> trying to figure this out for over a day now... if you save this html file
and
> look it at.... youll see that each layer is on top of the others... I have
the
> Modify.Arrange/Prevent Layers from Overlapping feature checked for each
layer
> but it is still messing up..... Can someone please help! Btw I am using
Ultra
> Dev 4
>
>
>
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <script language="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_findObj(n, d) { //v4.0
> 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 && document.getElementById) x=document.getElementById(n); return
x;
> }
>
> function flvFTL1(){// v1.0
> // Copyright 2003, Marja Ribbers (FlevOOware.nl)
> var v1=arguments,v2,v3,v4,v5;for
> (v3=0;v3<v1.length;v3++){v2=MM_findObj(v1[v3]);if (v2){if
> (document.layers){v4=v2;v5="show";}else
>
{v4=v2.style;v5="visible";}v4.visibility=(v4.visibility==v5)?"hidden":"visib
le";
> }}}
> //-->
> </script>
> </head>
>
> <body bgcolor="#FFFFFF" text="#000000">
> <form name="form1" method="post" action="">
> <div id="Layer1" style="position:absolute; width:200px; height:115px;
> z-index:1">
> <table width="75%" border="0">
> <tr>
> <td>
> <input type="checkbox" name="checkbox" value="checkbox"
> onClick="flvFTL1('Layer3')">
> </td>
> <td>LAyer 1</td>
> <td>&nbsp;</td>
> </tr>
> <table width="75%" border="0">
> <tr>
> <td>Lets see If this works</td>
> <td>&nbsp;</td>
> <td>&nbsp;</td>
> </tr>
> </table>
>
> </table>
> </div>
>
> <div id="Layer2" style="position:absolute; width:200px; height:115px;
> z-index:2"><table width="75%" border="0">
> <tr>
> <td><input type="checkbox" name="checkbox" value="checkbox">
> </td>
> <td>layer 2</td>
> <td>&nbsp;</td>
> </tr>
> </table>
> </div>
> <div id="Layer3" style="position:absolute; width:200px; height:115px;
> z-index:3"><table width="75%" border="0">
> <tr>
> <td><input type="checkbox" name="checkbox" value="checkbox">
> </td>
> <td>layer 3</td>
> <td>&nbsp;</td>
> </tr>
> </table>
> </div>
> </form>
> </body>
> </html>
>


Azeem NYC

2004-02-24, 4:29 pm

The text size on the browser is dffinately not the problem.... It has to fo
with the positioning of the layers. They are literally On Top of one another.
Save that code as a html file and just take a look.

Thanks

Murray *TMM*

2004-02-24, 6:29 pm

But that's how you've told them to be, no?

<div id="Layer1" style="position:absolute; width:200px; height:115px;
z-index:1">
<div id="Layer2" style="position:absolute; width:200px; height:115px;
z-index:2">
<div id="Layer3" style="position:absolute; width:200px; height:115px;
z-index:3">

Each is positioned absolutely with regard to the container's position, which
is how position:absolute works.

Where did you want them to be positioned?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Azeem NYC" <webforumsuser@macromedia.com> wrote in message
news:c1gbc9$mbv$1@forums.macromedia.com...
> The text size on the browser is dffinately not the problem.... It has to
fo
> with the positioning of the layers. They are literally On Top of one
another.
> Save that code as a html file and just take a look.
>
> Thanks
>


Azeem NYC

2004-02-24, 7:29 pm

well the way I want them is...... One below the other...
look at how the layers are used on this page:

http://atl4.hostvelocity.com/~profa...asic-layers.htm

how should I change my code to make this work the way i want it to?

Thanks!


Murray *TMM*

2004-02-24, 7:29 pm

So drag them and position them where you want them.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Azeem NYC" <webforumsuser@macromedia.com> wrote in message
news:c1gjjs$407$1@forums.macromedia.com...
> well the way I want them is...... One below the other...
> look at how the layers are used on this page:
>
> http://atl4.hostvelocity.com/~profa...asic-layers.htm
>
> how should I change my code to make this work the way i want it to?
>
> Thanks!
>
>


Azeem NYC

2004-02-24, 7:29 pm

Ah I got it... I wasnt using the Grid, that was the problem..... But my next
question is....

I am using checkboxes to hide layers... Lets say I have a checkbox in layer1
which hides layer 2 (on click), and I have a Checkbox in layer 2 which hides
layer 3... now when I check that first checkbox not only do I want to hide
layer 2, I also want layer 3 to move up..... how can I do this? using a
timeline?

DiMa - TMM

2004-02-24, 7:29 pm

Azeem NYC wrote:
> Ah I got it... I wasnt using the Grid, that was the problem..... But
> my next question is....
>
> I am using checkboxes to hide layers... Lets say I have a checkbox
> in layer1 which hides layer 2 (on click), and I have a Checkbox in
> layer 2 which hides layer 3... now when I check that first checkbox
> not only do I want to hide layer 2, I also want layer 3 to move
> up..... how can I do this? using a timeline?

Nooooooooonononoooooo...

Use Layer Animagic from PVII (www.projectseven.com). Look in their extensions
section. It's free and it's much easier than a timeline. It's also a fraction
of the code of a timeline.

--
--
DiMa
Team Macromedia Member for Dreamweaver MX
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_g...dia.dreamweaver
http://www.macromedia.com/support/d.../technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com




Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews