I’m putting a gallery together using target show/hide layer and mouse overs on thumbnails. Will this gallery and thumbnails float around on a page and lose their placement on the page when viewed in browsers? Must I put this gallery in a table? Or how do I keep the gallery from floating around if these items are layers?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 9 Apr. 2008, 6:52 pm, shybuckstudio wrote:
I’m putting a gallery together using target show/hide layer and mouse overs on thumbnails. Will this gallery and thumbnails float around on a page and lose their placement on the page when viewed in browsers? Must I put this gallery in a table? Or how do I keep the gallery from floating around if these items are layers?
Layers in Freeway are usually absolutely positioned elements, and they don’t float anywhere or move much at all. What can happen in this construction technique is that the text content of these layers can grow – but the layers themselves do not move – and the result is that the text from one box can “crash” into the boundaries of another box below it. That’s because these layers have absolutely no concept of one another.
Another way to make a “lightbox” view is to make your thumbnail images inside of inline DIVs, and give each div some right and bottom margin to keep the images from whacking into each other. Combined with a flexible width container, you can have a gallery of images that will fill the screen fluidly.
Try this:
Now preview this in a browser. Change the window size, and note how the images float around and rearrange to fit.
Put a separate thumbnail image in each one of the floating images, and you have a lightbox ready to use!
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Walter
Just having a go at this and got stumped here:
…and its set it to auto-center using the Margin Auto setting
Where do us Dumbos find this?
I know its going to be obvious when you tell us but I just can’t see it.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Sorry, my mistake. That option is for inline elements only. Just center the box on the screen and make sure the page is set to Align None, and Freeway will do the right thing.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
shybuckstudio,
Just tried doing this - got stuck pretty quick! Not familiar with Freeway (or anything else). Couldn’t find “align left” or Margin Auto Setter. What is Margin Control? Where would I find it?
Also, could I use the Duplicate control, or is copy / paste better?
Thanks,
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Just tried again. Can’t even make my 200 px square Align Left!! But AT LEAST I have a 200 px blue square!!!
Also - first prob - I drew a HTML box. 80%? It seems to be px’s. Auto centre? Where is the Margin Auto centre control?
I really want to make this work!!!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Andrew,
Freeway works like a desktop publishing application. There are text
items and graphic items which can both contain text. The text in these
items (and now the page) that is inline, that is in the line of text
can be aligned to all the expected positions, on the other hand items
floating on the page are moved around manually wither using the mouse
or the position values in the Inspector palette.
More info can be found about this in the Freeway Reference guide (only
the Freeway 4 reference is available at the minute but the principles
the same). also, have you tried the Using Freeway tutorials? http://www.softpress.com/support/usingfreeway.php
I hope this helps,
Joe
On 11 Apr 2008, at 08:10, andrew wrote:
Just tried again. Can’t even make my 200 px square Align Left!! But
AT LEAST I have a 200 px blue square!!!Also - first prob - I drew a HTML box. 80%? It seems to be px’s.
Auto centre? Where is the Margin Auto centre control?I really want to make this work!!!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 11 Apr. 2008, 7:10 am, andrew wrote:
Just tried again. Can’t even make my 200 px square Align Left!! But AT LEAST I have a 200 px blue square!!!
Also - first prob - I drew a HTML box. 80%? It seems to be px’s. Auto centre? Where is the Margin Auto centre control?
I really want to make this work!!!
Andrew
I can see that a screencast is going to be the only solution here. I’ll put something up as soon as my youngest gets on the school bus.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Remind me not to promise to do this again soon. These things take ten
times longer than you expect, and always come out looking like you
have palsy!
No audio, and scaled down a lot, but here you go:
http://shiny.walterdavisstudio.com/inlines/
Walter
On Apr 11, 2008, at 8:30 AM, waltd wrote:
I can see that a screencast is going to be the only solution here.
I’ll put something up as soon as my youngest gets on the school bus.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Waltd. I’ve tried that - can just about do it! BUT - doesn’t behave in Safari like yours. No fluid movement - just sits there. But a great help - thanks so much!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Set your surrounding div width to a percentage eg 80% and it will flow.
On 11 Apr 2008, at 18:14, andrew wrote:
doesn’t behave in Safari like yours. No fluid movement
David Owen
Freeway Friendly Web hosting and Domains ::
Div width??!! Oh dear - lost me already!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Watch the movie again, pay careful attention to what’s going on in
the inspector when the movie’s playback slider is right under the
Mail icon. I am entering 80% in the width field.
Don’t worry about the lingo here. You’ll be slinging it around
yourself before long.
A DIV is a kind of HTML box. In Freeway you get one when you draw an
HTML box while the blue CSS Layout button is on. It’s distinct from a
TD, which is another kind of HTML box you can draw, usually while the
CSS button is off. You can switch back and forth between generating a
DIV and a TD by checking and un-checking the Layer checkbox in the
Inspector while your HTML box is selected on the page. There are
other fine points to this distinction, but I’ll leave them for
another day, when some of the culture shock has worn off.
Walter
On Apr 11, 2008, at 1:55 PM, andrew wrote:
Div width??!! Oh dear - lost me already!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Ok - watched it again and tried it again. I’ve found one big difference. You are using Freeway 5 - I’m on 4.
In your screen cast, below the percentage you are altering when the playback slider is under mail, there is a box called “overflow” which is set to variable. I don’t have such a box - and presumably then, mine won’t overflow variably!
So - to make this work - do I have to upgrade to freeeway 5?
Thanks,
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There is nothing about this that would require 5. Make sure that you get the flashing text I-beam cursor when you are inserting your inline images.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I just repeated this exercise in 4, same outcome. Make sure you have
not set the page to Align center or anything, as that completely
kills a fluid layout.
Walter
On Apr 12, 2008, at 8:39 AM, waltd wrote:
There is nothing about this that would require 5. Make sure that
you get the flashing text I-beam cursor when you are inserting your
inline images.Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
waltd - great! It works! Thanks so much - I finally feel I’ve learned something! Now to apply it…!!
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Well - I can do it on a blank page.
When I try to do the same on my page in a website - beautifully laid out but not fluid. Never mind - anyone looking at my site can always use scroll bars if their browser is proportionally different!
Thanks again,
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Just to repeat
Make sure you have not set the page to Align center or anything, as that completely kills a fluid layout.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yep - there’s the problem! I’ll try again! Thanks
Andrew
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options