Forums
This topic is locked
Dreamweaver layerlayout
Posted 13 Mar 2002 13:17:05
1
has voted
13 Mar 2002 13:17:05 søren mortensen posted:
Is it possible to make a design only using layers and be sure it´s always centered no matter what browsersize that is being used Replies
Replied 13 Mar 2002 17:12:07
13 Mar 2002 17:12:07 Joel Martinez replied:
yes it is, but it would take some pretty serious DHTML scripting... try this tutorial out, it may be the answer to your question.
www.jshook.com/flexible_pages/
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
www.jshook.com/flexible_pages/
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Replied 14 Mar 2002 11:42:19
14 Mar 2002 11:42:19 søren mortensen replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
yes it is, but it would take some pretty serious DHTML scripting... try this tutorial out, it may be the answer to your question.
www.jshook.com/flexible_pages/
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hello Joel
Thanks for your answer, but your example isn't using layers at all. I'm looking for a solution where I can make my design in Dreamweaver using layers to set everything and then without having to convert to a table it will always bee in the center of the page regardless browsersize
Søren
yes it is, but it would take some pretty serious DHTML scripting... try this tutorial out, it may be the answer to your question.
www.jshook.com/flexible_pages/
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hello Joel
Thanks for your answer, but your example isn't using layers at all. I'm looking for a solution where I can make my design in Dreamweaver using layers to set everything and then without having to convert to a table it will always bee in the center of the page regardless browsersize
Søren
Replied 14 Mar 2002 15:28:22
14 Mar 2002 15:28:22 Joel Martinez replied:
but why is using a layer so important... I know using CSS-P is the "cool" thing to do now. But why put yourself through all that headache, and the possibility of cross-browser issues when tables are still fully HTML compliant entities that will do the job perfectly.
Layers result in less HTML, thus smaller download times you say? I might venture to say that the javascript nescessary to do the task might result in a similar download time.
Anyways, all I'm saying is that you shouldn't look the other way on a perfectly good solution just because it's not the "in" thing. (unless there really is a reason, in which case disregard this post <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle> )
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Layers result in less HTML, thus smaller download times you say? I might venture to say that the javascript nescessary to do the task might result in a similar download time.
Anyways, all I'm saying is that you shouldn't look the other way on a perfectly good solution just because it's not the "in" thing. (unless there really is a reason, in which case disregard this post <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle> )
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Replied 14 Mar 2002 16:33:17
14 Mar 2002 16:33:17 søren mortensen replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
but why is using a layer so important... I know using CSS-P is the "cool" thing to do now. But why put yourself through all that headache, and the possibility of cross-browser issues when tables are still fully HTML compliant entities that will do the job perfectly.
Layers result in less HTML, thus smaller download times you say? I might venture to say that the javascript nescessary to do the task might result in a similar download time.
Anyways, all I'm saying is that you shouldn't look the other way on a perfectly good solution just because it's not the "in" thing. (unless there really is a reason, in which case disregard this post <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle> )
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hello Again
When using a Scrollable area or drop down menu it's the easiest see www.idezign.dk
Søren
but why is using a layer so important... I know using CSS-P is the "cool" thing to do now. But why put yourself through all that headache, and the possibility of cross-browser issues when tables are still fully HTML compliant entities that will do the job perfectly.
Layers result in less HTML, thus smaller download times you say? I might venture to say that the javascript nescessary to do the task might result in a similar download time.
Anyways, all I'm saying is that you shouldn't look the other way on a perfectly good solution just because it's not the "in" thing. (unless there really is a reason, in which case disregard this post <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle> )
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hello Again
When using a Scrollable area or drop down menu it's the easiest see www.idezign.dk
Søren
Replied 14 Mar 2002 17:20:23
14 Mar 2002 17:20:23 Joel Martinez replied:
ahh, I see... gotta love those Thomas brattli scripts
well, what you need to do is add two pieces of code... first, you need to add some code to the onresize event... You've added the netscape resize fix to the page so I don't know how this would affect that, but you've got to make it so that when you resize the window, it looks at the screenwidth, and repositions the layers accordingly...
you also have to add the same method to the body onload event so that when the page loads, it will look at the screenwidth and position the layers.
<pseudocode>
layer.left = (screenwidth/2) - (layer.width/2);
</pseudocode>
I unfortunately don't know the syntax to get the screenwidth off the top of my head so you'll have to do some digging, you will also have to roll your own dhtml layer placement code... you can probably find some pretty good stuff at www.dhtmlcentral.com , but if that's too complex, I wrote a pretty simple dhtml object that will probably work at www.codecube.net/dhtml
hope that helps
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
well, what you need to do is add two pieces of code... first, you need to add some code to the onresize event... You've added the netscape resize fix to the page so I don't know how this would affect that, but you've got to make it so that when you resize the window, it looks at the screenwidth, and repositions the layers accordingly...
you also have to add the same method to the body onload event so that when the page loads, it will look at the screenwidth and position the layers.
<pseudocode>
layer.left = (screenwidth/2) - (layer.width/2);
</pseudocode>
I unfortunately don't know the syntax to get the screenwidth off the top of my head so you'll have to do some digging, you will also have to roll your own dhtml layer placement code... you can probably find some pretty good stuff at www.dhtmlcentral.com , but if that's too complex, I wrote a pretty simple dhtml object that will probably work at www.codecube.net/dhtml
hope that helps
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Replied 15 Mar 2002 01:36:53
15 Mar 2002 01:36:53 Peter Elkjaer replied:
Well, it's pretty darned easy with PVII's Layout Designer: www.projectseven.com/extensions/info/designer/ifacecool/
Replied 15 Mar 2002 08:26:38
15 Mar 2002 08:26:38 søren mortensen replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Well, it's pretty darned easy with PVII's Layout Designer: www.projectseven.com/extensions/info/designer/ifacecool/
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Thank's
Søren
Well, it's pretty darned easy with PVII's Layout Designer: www.projectseven.com/extensions/info/designer/ifacecool/
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Thank's
Søren
Replied 15 Mar 2002 14:45:56
15 Mar 2002 14:45:56 Joel Martinez replied:
Cool! hadn't seen that one before <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
Replied 15 Mar 2002 14:48:51
15 Mar 2002 14:48:51 søren mortensen replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Cool! hadn't seen that one before <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hey
I've tried it and I far as I can see it works all right and it's really, really easy you should try it<img src=../images/dmxzone/forum/icon_smile_big.gif border=0 align=middle>
Cool! hadn't seen that one before <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
Joel Martinez
MX inSite Magazine
The Complete Resource for Macromedia designers & developers
Sign up for your free electronic Preview Issue
www.mxinsite.com
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hey
I've tried it and I far as I can see it works all right and it's really, really easy you should try it<img src=../images/dmxzone/forum/icon_smile_big.gif border=0 align=middle>