[Pro] FW-7 responsive site for image gallery

I’m working on a test site with an embedded image gallery to replace the iFrame I’ve been using for a few years.

The site will be extremely simple, but I’m having an issue straight off and also, would like to know if I’m going down the right track to start with.

Can anyone tell me why the footer on this page does not show?

http://test-2.grantsymon.com/test/embedtest-2.html

ALSO!

Is the basic design/construction the correct way to do this?

(I’ve placed the gallery embed code inside an html element, which is inside the page-wrapper)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I see the code for the footer but it is wrapped up in the Google code ie it is enclosed in the tags.

Remove the Google analytics, republish and try again.

There are also a few JS errors that may be related.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for looking Dave.

I removed all markup, but then re-did the master and forgot to remove it again. Sigh …

The page is pretty much empty now, but the footer still doesn’t show. Obviously it’s to do with embedding the Juicebox gallery, but I’m wondering if it’s the way that FW is doing it that is causing the problem.

With :
http://test-2.grantsymon.com/test/embedtest-2.html

and without :
http://test-2.grantsymon.com/test/embedtest-1.html

the gallery. :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can’t ensure if the missing footer will be displayed or not, but I can see some basic constructional problems:

PageWrapper

What function does it have? It has no further properties - so basically (theoretically) redundant - except if it’s planned for later styling purposes (who knows)

Try to see each “section” (head, content, footer whatever) as a module. That’s the way I “teach” BoxModel to my clients and it’s an approved way (similar to BackDraft)

Item GalleryWrapper

It is floated. Remove float, clear both - remove margin-left.

I think the Juicebox stuff is correctly embedded so far and Freeway tends to do what its operator does.

Again:

A BoxModel can be easily cracked as long as you know what parts are required - before you start. The more plan behind, the easier to set.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Thomas.

Regarding the PageWrapper … I was following the FW7 extended reference (which is also the way that the FW templates have been made … as far as I can make out)

From the reference guide :

“As you will see here, the main advantage is that setting up your different media widths can be far simpler if your pages are built using inflow percentage-based layout, because the page itself is set up as a “container” for all the items on your page—so selecting the page container item (or the page itself) and then changing its width will automatically force all items inside it to reduce in size at the same time.”

Is this a bad idea for what I’m doing?

All I intend to do, is have my gallery roughly where it is on the page, then once I have it working correctly, add one or more vertical CSS menus down the left side.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Grant,

basically everything is OK as it is. You can use as many wrappers you want. The biggest struggle people have is:

How many boxes do I need and why.

Rule of thumb:

As long as you can give each box you place a meaningful name, chances are big, that you set it for a specific reason. But once you do not know how to name the item, chances are high that it is a redundant one.

And that’s the gist:

You need to know this before you start. A BoxModel for “Testing purposes” is a hard thing to crack.

You remember class essays in the past? Some prose? I’m convinced that teachers told us to write a lil mock-up first:

Introduction, Content, Conclusion.

BoxModel is the same, with different terms though.

Header, Content, Footer

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is good advice Thomas!!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So … I’m making some progress with ‘trial and error’. Mostly error of course. :slight_smile:

I’ve discovered that anything below the image gallery, will not display unless there is some markup in between the gallery and these other items.

I chanced across this, because I have some AddThis markup which I pasted in below the gallery and suddenly other items published correctly.

Anyone any idea what is going on? (And how I can workaround, or fix it?) (Sort of wondering if it’s a bug).


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is the last section of code I am seeing on embedTest-2

<script type="text/javascript"></P></DIV><DIV ID="Footer"><P CLASS="f-fp f-lp"><SPAN CLASS="style3">Footer</SPAN></P></DIV></DIV></DIV></BODY></HTML>

There is an opening script Tag - - but no corresponding closing one!

That is what is causing everything after that Script tag to disappear.

You need to go through the markup code you have added and double check it.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Fantastic. Thanks Dave.

(I can’t see how the error happened, but some of the code was pasted in twice. I’d assume that this was my fault, except that during my attempts to get it working, I copied/pasted the code more than once. Hmmm.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options