Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Dreamweaver Fluid Layout and Zen

Dreamweaver Fluid Layout and Zen

Views: 1,561

Results 1 to 14 of 14
13 Nov 2012, 6:45 AM
#1
wwwd avatar

wwwd

Inactive

Join Date:
Nov 2012
Posts:
100
Plugin Contributions:
0

Dreamweaver Fluid Layout and Zen

I have a fluid layout for the rest of my website and would like to make it standard across into Zen.
It is based on a page template and corresponding css.

Has anyone here done this type of conversion before or am I the lucky one to chance my arm first?

13 Nov 2012, 6:50 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Dreamweaver Fluid Layout and Zen

Dreamweaver is mainly for creating/editing html pages
Most here do not recommend using it to edit php files

13 Nov 2012, 10:23 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Dreamweaver Fluid Layout and Zen

If we could see the site we might be able to offer some advice.

13 Nov 2012, 1:32 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Dreamweaver Fluid Layout and Zen

A fluid layout does not in any way depend on recoding the PHP files; it can be done with the stylesheet alone. The solution above may be required for the "footer always at bottom of screen", but that is not relevant to matching a Dreamweaver-generated layout.

You cannot apply an external template file directly to Zen Cart; you need to translate its styling effects into the Zen Cart template structure.

14 Nov 2012, 4:09 AM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Dreamweaver Fluid Layout and Zen

What you have posted does not appear to be a Fluid Layout....
It looks to be of fixed width and a bit stodgy

14 Nov 2012, 5:04 AM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Dreamweaver Fluid Layout and Zen

It is a fluid layout (% of browser width), but a 20 years outdated style, usable perhaps as a schematic layout concept to be fleshed out and made appealing.

14 Nov 2012, 8:35 PM
#9
shadowpdx avatar

shadowpdx

New Zenner

Join Date:
Nov 2012
Location:
Portland Oregon
Posts:
27
Plugin Contributions:
0

Re: Dreamweaver Fluid Layout and Zen

I would be interested in what you guys discover about fluid layouts using DW CS6. I am currently working on such a project (the site itself is built on the fluid layout) and was trying to figure out how to apply the fluid layout to Zen Cart

14 Nov 2012, 8:58 PM
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Dreamweaver Fluid Layout and Zen

shadowpdx:

I am currently working on such a project (the site itself is built on the fluid layout) and was trying to figure out how to apply the fluid layout to Zen Cart
Best if you do not use dreamweaver for zencart

Just use your design as a guide to translate the design into a ZenCart template

14 Nov 2012, 9:09 PM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Dreamweaver Fluid Layout and Zen

how to apply the fluid layout to Zen Cart All you need is a stylesheet rule giving the width of the element in percent instead of a fixed quantity. At the most basic, this rule would cover #mainWrapper since everything else fits in that, and there could be many other elements to style depending on the exact effect you want.

15 Nov 2012, 10:24 AM
#12
dw08gm avatar

dw08gm

Totally Zenned

Join Date:
Sep 2008
Location:
DownUnder, overlooking South Pole.
Posts:
1,017
Plugin Contributions:
2

Re: Dreamweaver Fluid Layout and Zen

The pmob fluid design for websites is explained in detail at:

http://www.pmob.co.uk/temp/3colfixedtest_explained.htm

22 Nov 2012, 7:14 AM
#13
wwwd avatar

wwwd

Inactive

Join Date:
Nov 2012
Posts:
100
Plugin Contributions:
0

Re: Dreamweaver Fluid Layout and Zen

gjh42:

It is a fluid layout (% of browser width), but a 20 years outdated style, usable perhaps as a schematic layout concept to be fleshed out and made appealing.

I am open to suggestions!

22 Nov 2012, 3:35 PM
#14
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Dreamweaver Fluid Layout and Zen

I'm still not sure exactly what you're asking. Took me three tries to get past your (unnecessary, IMO) captcha, only to be greeted by a message about the program's inability to access the database. Looking at the main site, though, my suggestion would be to start over, using Zencart as your whole site, with EZ pages to hold the non-shopping content. Look in the Plugins area for free templates, especially those by Picaflor Azul.