This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > July 2005 > Layers





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
fit-arc2

2005-07-28, 7:31 am

hello guys

I have a website,completed already but then i want to add something quickly to
the page so i use layers,the problem is now when i use layer for that
particular thing,the layer content will not be in the same place where i put it
when i change my resolution,how can i fix this up?

Paul Whitham TMM

2005-07-28, 11:43 pm

It all depends upon how you positioned the layers. If they are fixed then
they will not move with a resolution change.

--
Paul Whitham
Certified Dreamweaver MX2004 Professional
Team Macromedia Volunteer for Dreamweaver

Valleybiz Internet Design
www.valleybiz.net

"fit-arc2" <webforumsuser@macromedia.com> wrote in message
news:dca51c$mob$1@forums.macromedia.com...
> hello guys
>
> I have a website,completed already but then i want to add something
> quickly to
> the page so i use layers,the problem is now when i use layer for that
> particular thing,the layer content will not be in the same place where i
> put it
> when i change my resolution,how can i fix this up?
>



fit-arc2

2005-07-28, 11:49 pm

how do you set it to be fixed?using CSS ?or any other thing?
fit-arc2

2005-07-31, 4:14 am

the problem is that,i cant set it to fixed,the layer is ontop of a table,if i
set it to fixed,then the table go haywire,

here's the code,

take a look at the Live Demo link,that is hwat i want to fixed.I'm stuck
here,need help fast,mayday mayday,this plane crashing down.................




<html>
<head>
<title>Modern Eastern Technology</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Sun Jun 19 14:55:11
GMT+0800 (Malay Peninsula Standard Time) 2005-->
<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);
//-->
</script>
<STYLE>

.rainbow{ behavior:url(rainbow.htc) }
a:link {
text-decoration: none;
color: #FF0000;
}
a:visited {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
</STYLE>
<STYLE TYPE="text/css">
<!--
a:hover{color:#0000cc;} .style2 {color: #FF0000}
-->
</STYLE>
<!-- -->

</head>
<body bgcolor="#ffffff">
<div id="Layer2" style="position:relative; left:106px; top:338px; width:138px;
height:30px; z-index:2">
<table width="137" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><SPAN STYLE="position:relative; width:120;
height:20;
filter:glow(Color=#FFFF00,Strength=5)" class="style2"> <a
href="Login2.htm"><strong>LIVE DEMO!!</strong></a></span></div></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="780">
<!-- fwtable fwsrc="Mod 6ac.png" fwbase="Index.gif" fwstyle="Dreamweaver"
fwdocid = "1368172980" fwnested="1" -->
<tr>
<td colspan="3"><img name="Index_r1_c1" src="images/Index_r1_c1.gif"
width="780" height="71" border="0" usemap="#m_Index_r1_c1" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img name="Index_r2_c1" src="images/Index_r2_c1.gif"
width="165" height="628" border="0" usemap="#m_Index_r2_c1" alt=""></td>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
rsion=6,0,29,0" width="562" height="220">
<param name="movie" value="images/Ani22.swf">
<param name="quality" value="high">
<embed src="images/Ani22.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="562" height="220"></embed>
</object></td>
<td rowspan="2"><img name="Index_r2_c3" src="images/Index_r2_c3.gif"
width="53" height="628" border="0" alt=""></td>
</tr>
<tr>
<td><img name="Index_r3_c2" src="images/Index_r3_c2.gif" width="562"
height="408" border="0" alt=""></td>
</tr>
<map name="m_Index_r1_c1">
<area shape="rect" coords="541,53,594,71" href="Client.htm" alt="" >
<area shape="rect" coords="462,52,518,71" href="Contact%20Us.html" alt="" >
<area shape="rect" coords="408,53,442,71" href="Index.html" alt="" >
<area shape="rect" coords="1,1,150,79" href="Index.html">
</map>
<map name="m_Index_r2_c1">
<area shape="rect" coords="30,168,150,192" href="Downloads.html" alt="" >
<area shape="rect" coords="30,139,150,163" href="Help%20Centre.htm" alt=""
>

<area shape="rect" coords="31,110,151,132" href="Testimonials.htm" alt="" >
<area shape="rect" coords="30,79,150,102" href="Solutions.htm" alt="" >
<area shape="rect" coords="30,49,150,72" href="Products.htm" alt="" >
<area shape="rect" coords="30,19,150,42" href="Profile.htm"
target="_parent" alt="" >
</map>
</table>
</div>
</body>
</html>

Paul Whitham TMM

2005-07-31, 11:23 pm

If you give a DIV an id and a location then it falls outside of the document
flow, which you first DIV is doing. The X-index should stack it higher than
anything else on the page.

Your second use of DIV does not have an ID or position so it is part of the
document flow and will therefore start to appear at the top of the page.

--
Paul Whitham
Certified Dreamweaver MX2004 Professional
Team Macromedia Volunteer for Dreamweaver

Valleybiz Internet Design
www.valleybiz.net

"fit-arc2" <webforumsuser@macromedia.com> wrote in message
news:dchon7$ae7$1@forums.macromedia.com...
> the problem is that,i cant set it to fixed,the layer is ontop of a
> table,if i
> set it to fixed,then the table go haywire,
>
> here's the code,
>
> take a look at the Live Demo link,that is hwat i want to fixed.I'm stuck
> here,need help fast,mayday mayday,this plane crashing
> down.................
>
>
>
>
> <html>
> <head>
> <title>Modern Eastern Technology</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Sun Jun 19
> 14:55:11
> GMT+0800 (Malay Peninsula Standard Time) 2005-->
> <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);
> //-->
> </script>
> <STYLE>
>
> .rainbow{ behavior:url(rainbow.htc) }
> a:link {
> text-decoration: none;
> color: #FF0000;
> }
> a:visited {
> text-decoration: none;
> color: #FF0000;
> }
> a:hover {
> text-decoration: none;
> color: #FF0000;
> }
> a:active {
> text-decoration: none;
> color: #FF0000;
> }
> </STYLE>
> <STYLE TYPE="text/css">
> <!--
> a:hover{color:#0000cc;} .style2 {color: #FF0000}
> -->
> </STYLE>
> <!-- -->
>
> </head>
> <body bgcolor="#ffffff">
> <div id="Layer2" style="position:relative; left:106px; top:338px;
> width:138px;
> height:30px; z-index:2">
> <table width="137" height="30" border="0" cellpadding="0"
> cellspacing="0">
> <tr>
> <td><div align="center"><SPAN STYLE="position:relative; width:120;
> height:20;
> filter:glow(Color=#FFFF00,Strength=5)" class="style2"> <a
> href="Login2.htm"><strong>LIVE DEMO!!</strong></a></span></div></td>
> </tr>
> </table>
> </div>
> <div align="center">
> <table border="0" cellpadding="0" cellspacing="0" width="780">
> <!-- fwtable fwsrc="Mod 6ac.png" fwbase="Index.gif"
> fwstyle="Dreamweaver"
> fwdocid = "1368172980" fwnested="1" -->
> <tr>
> <td colspan="3"><img name="Index_r1_c1" src="images/Index_r1_c1.gif"
> width="780" height="71" border="0" usemap="#m_Index_r1_c1" alt=""></td>
> </tr>
> <tr>
> <td rowspan="2"><img name="Index_r2_c1" src="images/Index_r2_c1.gif"
> width="165" height="628" border="0" usemap="#m_Index_r2_c1" alt=""></td>
> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=6,0,29,0" width="562" height="220">
> <param name="movie" value="images/Ani22.swf">
> <param name="quality" value="high">
> <embed src="images/Ani22.swf" quality="high"
> pluginspage="http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="562" height="220"></embed>
> </object></td>
> <td rowspan="2"><img name="Index_r2_c3" src="images/Index_r2_c3.gif"
> width="53" height="628" border="0" alt=""></td>
> </tr>
> <tr>
> <td><img name="Index_r3_c2" src="images/Index_r3_c2.gif" width="562"
> height="408" border="0" alt=""></td>
> </tr>
> <map name="m_Index_r1_c1">
> <area shape="rect" coords="541,53,594,71" href="Client.htm" alt="" >
> <area shape="rect" coords="462,52,518,71" href="Contact%20Us.html"
> alt="" >
> <area shape="rect" coords="408,53,442,71" href="Index.html" alt="" >
> <area shape="rect" coords="1,1,150,79" href="Index.html">
> </map>
> <map name="m_Index_r2_c1">
> <area shape="rect" coords="30,168,150,192" href="Downloads.html"
> alt="" >
> <area shape="rect" coords="30,139,150,163" href="Help%20Centre.htm"
> alt=""
> <area shape="rect" coords="31,110,151,132" href="Testimonials.htm"
> alt="" >
> <area shape="rect" coords="30,79,150,102" href="Solutions.htm" alt=""
> <area shape="rect" coords="30,49,150,72" href="Products.htm" alt="" >
> <area shape="rect" coords="30,19,150,42" href="Profile.htm"
> target="_parent" alt="" >
> </map>
> </table>
> </div>
> </body>
> </html>
>



Sponsored Links


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