[Pro] Pictures spilling out of box

Hi everyone.

I’m using Backdraft 1.5 along with webYep for this page. It’s a gallery of 4 WY boxes looped an extra 2 times.

As you can see from the page in question, they’re spilling out of their holding box. It’s all been done inline, and as far as I can see the gallery boxes (and their holding box) are within the white box falling short.

As usual, thanks in advance for any help offered.

Trev

http://www.trevreav.co.uk/LUNATIX/illustrationscar.php


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

Hi Trev,

I can see the problem, but not really the reason why (or how to explain effective or even how to fix).

The div id “one” has a class of “clearfix” applied, maybe manually? But there is nowhere a style clearfix created. All I can see is a f-cf.

If so, change this to class (name) f-cf (value) via selecting item “one”, choose item → extended DIV dialogue.

Furthermore, the looped item imageRow needs to be anonymized (cause an ID is unique on each web-page but through loop appears x-times on page which is simply invalid code). Am not sure, but classify action could do this for you.

Hard to explain - I know, but hope this helps you out here.

Cheers

Thomas


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

What Thomas said. There is a clearfix class, but no clearfix code to support it.

My recommendation would be to apply the manual Clearfix action to the #one element.


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

Caleb, Thomas, thank you both so much for answering this.

The Clearfix action didn’t work (can someone explain in layman’s terms what this action does please?), so I went Thomas’ route of the extended option and locally using MAMP it works perfectly - nothing amended is online yet.

I’ll be looking into the Gallery Image Row as the day progresses.

Much appreciated.

Trev

On 9 May 2014, at 10:23, Caleb Grove email@hidden wrote:

What Thomas said. There is a clearfix class, but no clearfix code to support it.

My recommendation would be to apply the manual Clearfix action to the #one element.

On 9 May 2014, at 09:11, Thomas Kimmich email@hidden wrote:

The div id “one” has a class of “clearfix” applied, maybe manually? But there is nowhere a style clearfix created. All I can see is a f-cf.

If so, change this to class (name) f-cf (value) via selecting item “one”, choose item → extended DIV dialogue.

Furthermore, the looped item imageRow needs to be anonymized (cause an ID is unique on each web-page but through loop appears x-times on page which is simply invalid code). Am not sure, but classify action could do this for you.


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

Hmm - I suppose you got a voucher for one week joining my screencasts as a backdraft client?

Well if - use it. I do things a lil bit different as it is in backdraft, but it should help you to get the gist of some basic inflow-construction methods (and trouble shootings).
Some of this things are bespoken there - especially what’s behind the scenes of backdraft.

Simply spoken:

A parent DIV collapses to nil when it contains floating items. This looks something like that:

http://www.freewayactions.com/test/clearfix/

This caused, that your outer DIV (with the borders) haven’t had the chance to grow.

Cheers

Thomas


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

Thanks again Thomas, I’ll see if I can hunt down that voucher.
Trev

On 9 May 2014, at 12:50, Thomas Kimmich email@hidden wrote:

Hmm - I suppose you got a voucher for one week joining my screencasts as a backdraft client?

Well if - use it. I do things a lil bit different as it is in backdraft, but it should help you to get the gist of some basic inflow-construction methods (and trouble shootings).
Some of this things are bespoken there - especially what’s behind the scenes of backdraft.

Simply spoken:

A parent DIV collapses to nil when it contains floating items. This looks something like that:

http://www.freewayactions.com/test/clearfix/

This caused, that your outer DIV (with the borders) haven’t had the chance to grow.


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