This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > September 2005 > Problem 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 Problem Layers!
Claireypilch

2005-09-14, 7:15 am

Hello All!

I have a problem that i hope some good person would know the answer to!

I am putting a site together in dreamweaver and I'm using layers for text.
When i preview the site the text and layer move. I've tried to stop this by
makeing it relative but that didn't help.

Does anyone know how to make layers move with the background?

Thanks!!!

Claireypilch

Osgood

2005-09-14, 7:15 am

Is the background in a table?

If so surround the table with a <div> like so:

<div id="wrapper">
<table width="400" cellpadding="0" cellspacing="0">
<tr>
<td>Some text</td>
</tr>
</table>
</div>


Make a css style for the <div>. I trust you are using css styling and
should know how to insert the css style into an attched stylesheet or
cut and paste the following into your pages code directly before the
closing </head> tag.

#wrapper {
width: 400px;
margin: 0 auto;
position: relative;
}

You will now be able to insert a 'layer' (absolutely positioned <div>
withing the 'wrapper' <div> and it will move when your design moves.

Obviously make the width of the 'wrapper' <div> the same width as your
table.

If you are not using tbale sthen you wou;d need to suypply a link to the
page so I can see how you have constructed it.






Claireypilch wrote:

> Hello All!
>
> I have a problem that i hope some good person would know the answer to!
>
> I am putting a site together in dreamweaver and I'm using layers for text.
> When i preview the site the text and layer move. I've tried to stop this by
> makeing it relative but that didn't help.
>
> Does anyone know how to make layers move with the background?
>
> Thanks!!!
>
> Claireypilch
>


.: Nadia :. *TMM*

2005-09-14, 7:17 pm

I think you need to understand how 'layers' (absolutely positioned divs)
work.
http://apptools.com/examples/pagelayout101.php

I recommend that you have a read of the css tutorials at the MM site:
http://www.macromedia.com/devnet/dreamweaver/css.html


--
Nadia
Team MM Volunteer for Dreamweaver
--------------------------------------------
http://www.csstemplates.com.au
Templates | CSS Templates |
http://www.DreamweaverResources.com
Dropdown Menu Templates | SEO Articles |Tutorials
---------------------------------------------
MM Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
---------------------------------------------

> Hello All!
>
> I have a problem that i hope some good person would know the answer to!
>
> I am putting a site together in dreamweaver and I'm using layers for text.
> When i preview the site the text and layer move. I've tried to stop this
> by
> makeing it relative but that didn't help.
>
> Does anyone know how to make layers move with the background?
>
> Thanks!!!
>
> Claireypilch
>



Murray *TMM*

2005-09-14, 7:30 pm

Within the wrapper, but NOT within the table, yes.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================

"Osgood" <notavailable@atthisaddress.com> wrote in message
news:dg8t0u$dch$1@forums.macromedia.com...
> Is the background in a table?
>
> If so surround the table with a <div> like so:
>
> <div id="wrapper">
> <table width="400" cellpadding="0" cellspacing="0">
> <tr>
> <td>Some text</td>
> </tr>
> </table>
> </div>
>
>
> Make a css style for the <div>. I trust you are using css styling and
> should know how to insert the css style into an attched stylesheet or cut
> and paste the following into your pages code directly before the closing
> </head> tag.
>
> #wrapper {
> width: 400px;
> margin: 0 auto;
> position: relative;
> }
>
> You will now be able to insert a 'layer' (absolutely positioned <div>
> withing the 'wrapper' <div> and it will move when your design moves.
>
> Obviously make the width of the 'wrapper' <div> the same width as your
> table.
>
> If you are not using tbale sthen you wou;d need to suypply a link to the
> page so I can see how you have constructed it.
>
>
>
>
>
>
> Claireypilch wrote:
>
>



Sponsored Links


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