Forums
This topic is locked
Centering Layers
Posted 01 Dec 2003 17:13:49
1
has voted
01 Dec 2003 17:13:49 Kenny Darcy posted:
Hi yea,I was wondering, some navigation extensions when apply use the x and Y corrdinates when they are applied to a page, If i have for instance a Vertical menu but I want it in the center of a table is it possible to have a layer in the center of my screen with a width of say 760 pixels, then if i want to apply a Vertical nag system to the left of that layer can I use the x and x cordinates from the centerilized layer or not, I find it difficult to explain but any help I would be grateful.
Regards
Kenny
Replies
Replied 20 Dec 2003 17:40:38
20 Dec 2003 17:40:38 Kenny Darcy replied:
Hi yea,
I found a really great extension for this at www.projectseven.com , they have both a snap to and a redoit extension, what they do is this, say you insert a table with a few rows and columns, then in on of those columns you insert a one by one pix image, then you insert your layer to your page. after inserting your layer to your page you then use the snapping extension to snap it into place i.e. you snap the layer to the 1 x 1 pixel image that you inserted.
The ReDoIt extension is a refresh if some one is using netscape 4 or higher it refreshes the page and makes sure that your layer is fixed to the 1x1 pix image. the extensions come with great tutorials.
Regards
kenny
I found a really great extension for this at www.projectseven.com , they have both a snap to and a redoit extension, what they do is this, say you insert a table with a few rows and columns, then in on of those columns you insert a one by one pix image, then you insert your layer to your page. after inserting your layer to your page you then use the snapping extension to snap it into place i.e. you snap the layer to the 1 x 1 pixel image that you inserted.
The ReDoIt extension is a refresh if some one is using netscape 4 or higher it refreshes the page and makes sure that your layer is fixed to the 1x1 pix image. the extensions come with great tutorials.
Regards
kenny
Replied 30 Aug 2006 08:57:43
30 Aug 2006 08:57:43 David Kubicka replied:
OK! THE SOLUTION!!! I've been wanting to do this for years!
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
Replied 18 Sep 2006 05:19:01
18 Sep 2006 05:19:01 liam smart replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hi, i have emailed David about quote above, But was wondering if anyone else could help me.
I centre my layers horizontally centred, but you can the them jump into postion. This doesnt look nice and wondered if there was a way around this. I think the statement above is the solution, but I really cant figure it out.
It would be good if there was a behaviour such as "OncePageIsCompletelyLoaded" > show "layers 1" etc etc......
You can check it out on my site as I use the Studio VII extension to centre my layers on that too.
Please please someone help<img src=../images/fwzone/forum/icon_smile_sad.gif border=0 align=middle>
Thanks,
liam
Edited by - liam.smart on 18 Sep 2006 05:24:53
You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Hi, i have emailed David about quote above, But was wondering if anyone else could help me.
I centre my layers horizontally centred, but you can the them jump into postion. This doesnt look nice and wondered if there was a way around this. I think the statement above is the solution, but I really cant figure it out.
It would be good if there was a behaviour such as "OncePageIsCompletelyLoaded" > show "layers 1" etc etc......
You can check it out on my site as I use the Studio VII extension to centre my layers on that too.
Please please someone help<img src=../images/fwzone/forum/icon_smile_sad.gif border=0 align=middle>
Thanks,
liam
Edited by - liam.smart on 18 Sep 2006 05:24:53
Replied 05 Apr 2007 06:30:10
05 Apr 2007 06:30:10 bruce evin replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
OK! THE SOLUTION!!! I've been wanting to do this for years!
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I had a really good read on this, very detail, and very useful information.
Thanks.
<b>Flv to vob</b>
OK! THE SOLUTION!!! I've been wanting to do this for years!
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I had a really good read on this, very detail, and very useful information.
Thanks.
<b>Flv to vob</b>
Replied 11 Mar 2008 01:44:32
11 Mar 2008 01:44:32 _den des_ replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
OK! THE SOLUTION!!! I've been wanting to do this for years!
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
If I select the layer, "body onload" disappears. And if the layer is not selected, after executing "body onload - centered", it happens nothing. The layer is still on the left (as by deafult) Maybe I do not understand something. Please help me!
OK! THE SOLUTION!!! I've been wanting to do this for years!
Go to: www.projectseven.com as mentioned above
Download the Layout Designer II and Auto Layers Dreamweaver Extensions, and then install them.
Do a screen centering with your layer to be centered on the screen using Layout Designer II in the behaviors panel with the <body onload> event.
Then simply nest all your layers using the layers panel in Dreamweaver. (Ctrl-click and drag the layers to nest onto the centered layer)
Bam! Your whole site is centered and you never had to change your layer positions! You'll prolly want to using the Auto Layers extension to hide the layers until they load so they don't jump wildy into position for the user. Cross-platform cross-browser solution!
If you have questions let me know, I worked through this for many hours, and it sucked, save yourself some headbanging.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
If I select the layer, "body onload" disappears. And if the layer is not selected, after executing "body onload - centered", it happens nothing. The layer is still on the left (as by deafult) Maybe I do not understand something. Please help me!
Replied 13 Mar 2008 23:15:27
13 Mar 2008 23:15:27 David Kubicka replied:
I have long since migrated away from this technique as it relys heavily on javascript, and is not very search engine friendly. It was only a fix for sites designed by someone else who had used absolute positioning. DENI - I'm n sure how to help yuhere because I no longer have any scripts that use this. My best suggestion for the long term is to switch entirely over to CSS, although that is not without problems either, sinc ethere are many cross-browser considerations. The best place to go is A List Apart www.alistapart.com/articles/holygrail/, they have good documentation on proper ways to achieve 3-column centered layouts, but you'll probably have to stop using absolute postioning to do so. Sorry I can't be of more help here, I just don't use this technique anymore.
Replied 13 Mar 2008 23:33:44
13 Mar 2008 23:33:44 Kenny Darcy replied:
David,
Good Evening,
Haha re"My best suggestion for the long term is to switch entirely over to CSS"
I have some time ago and yea css is the way.
Thanks for your reply
Kenny
Good Evening,
Haha re"My best suggestion for the long term is to switch entirely over to CSS"
I have some time ago and yea css is the way.
Thanks for your reply
Kenny
Replied 14 Mar 2008 21:18:44
14 Mar 2008 21:18:44 _den des_ replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
I have long since migrated away from this technique as it relys heavily on javascript, and is not very search engine friendly. It was only a fix for sites designed by someone else who had used absolute positioning. DENI - I'm n sure how to help yuhere because I no longer have any scripts that use this. My best suggestion for the long term is to switch entirely over to CSS, although that is not without problems either, sinc ethere are many cross-browser considerations. The best place to go is A List Apart www.alistapart.com/articles/holygrail/, they have good documentation on proper ways to achieve 3-column centered layouts, but you'll probably have to stop using absolute postioning to do so. Sorry I can't be of more help here, I just don't use this technique anymore.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
David, thank you very much for the replay!
I'm a newbie still and I guess your suggestion to move to CSS is on the right time.
I have long since migrated away from this technique as it relys heavily on javascript, and is not very search engine friendly. It was only a fix for sites designed by someone else who had used absolute positioning. DENI - I'm n sure how to help yuhere because I no longer have any scripts that use this. My best suggestion for the long term is to switch entirely over to CSS, although that is not without problems either, sinc ethere are many cross-browser considerations. The best place to go is A List Apart www.alistapart.com/articles/holygrail/, they have good documentation on proper ways to achieve 3-column centered layouts, but you'll probably have to stop using absolute postioning to do so. Sorry I can't be of more help here, I just don't use this technique anymore.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
David, thank you very much for the replay!
I'm a newbie still and I guess your suggestion to move to CSS is on the right time.