This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > September 2005 > Use layer into Table
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 |
Use layer into Table
|
|
| notorioussan 2005-09-14, 7:33 pm |
| I made a webpage with tables, 3 columns, the left and right one are procentual,
uumh like you set frames relative.
My problem is how to set a layer into a cell so when the resolution become
smaller the layer stays into the cell in stead of staying fit on the place you
set the layer.. Layer linked to the cell or something, hope someone can help me.
Thnx anyway.
| |
|
| notorioussan wrote:
> I made a webpage with tables, 3 columns, the left and right one are procentual,
> uumh like you set frames relative.
> My problem is how to set a layer into a cell so when the resolution become
> smaller the layer stays into the cell in stead of staying fit on the place you
> set the layer.. Layer linked to the cell or something, hope someone can help me.
>
> Thnx anyway.
>
Hey.....
You could perhaps try the snaplayer extension over at PVII - you'll get
it at this page.............
http://www.projectseven.com/extensions/listing.htm
--
chin chin
Sinclair
| |
| Murray *TMM* 2005-09-14, 7:33 pm |
| Please don't put layers into table cells.
The best way to do this is to have the layer and the table both move to the
same center point.
It depends on how you are using absolute positioning on the page, as to
which method might be best, but in either event, this will work -
Change this -
</head>
to this -
<style type="text/css">
<!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:720px; margin:0 auto;position:relative; }
-->
</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
</div><!-- /wrapper -->
</body>
and see if that helps.
--
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
==================
"notorioussan" <webforumsuser@macromedia.com> wrote in message
news:dg9con$7gi$1@forums.macromedia.com...
>I made a webpage with tables, 3 columns, the left and right one are
>procentual,
> uumh like you set frames relative.
> My problem is how to set a layer into a cell so when the resolution become
> smaller the layer stays into the cell in stead of staying fit on the place
> you
> set the layer.. Layer linked to the cell or something, hope someone can
> help me.
>
> Thnx anyway.
>
| |
| Osgood 2005-09-14, 7:33 pm |
| notorioussan wrote:
> I made a webpage with tables, 3 columns, the left and right one are procentual,
> uumh like you set frames relative.
> My problem is how to set a layer into a cell so when the resolution become
> smaller the layer stays into the cell in stead of staying fit on the place you
> set the layer.. Layer linked to the cell or something, hope someone can help me.
>
> Thnx anyway.
>
Do you know about css?
The idea is that you insert your layer (which is absolutely positioned,
which is why it won't move along wilth your tables) into a <div>
container which is relatively positioned. The absolutely positioned
layer will then take its top/left cordinates from the top/left of the
relatively positioned <div>.
Below is a crude example which should solve your problem, if you can
understand how it works that is.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
#leftCell, #rightCell {
width: 25%;
background-color: #999;
}
#centerCell {
background-color: #CC99CC;
}
#holder {
position: relative;
}
#content {
position: absolute;
top: 100px;
left: 20px;
border: 1px solid #000;
width: 200px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="leftCell">Left Cell</td>
<td id="centerCell">
Center Cell
<div id="holder">
<div id="content">This is an absolutely positioned layer. It will move
when the browser window is widened or narrowed.</div></div></div>
</div></td>
<td id="rightCell">Right Cell</td>
</tr>
</table>
</body>
</html>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|