text box

Is there an action that will adjust the size of the text box to fit the text in it? On my example here I don’t know how the text in the blue box will look on other browsers and so don’t know what size I need to make the blue box.

http://www.markkelsallphotography.co.uk/


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

the RelativePageLayout stuff will be probably your friend. Never used it - so no further help here.

Cheers

Thomas


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

Menu> Item> Fit Box to Content. Is that what you mean ?

s


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

‘Menu> Item> Fit Box to Content. Is that what you mean ?’

but that doesn’t affect text in brower though, I presume - does it just make your site build look a bit neater?

if the user wanted the text to be larger, I want the coloured text box to also increase in size as I cannot determine the actual space taken up by text on different platforms

will have to look further at relative page layout


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

Or, learn inline layout - here’s a Pro 6 file to help get started:
http://cssway.thebigerns.com/products/inline-basic-layout/


Ernie Simpson

On Sun, Mar 3, 2013 at 3:27 PM, Noel Sergeant email@hiddenwrote:

‘Menu> Item> Fit Box to Content. Is that what you mean ?’

but that doesn’t affect text in brower though, I presume - does it just
make your site build look a bit neater?

if the user wanted the text to be larger, I want the coloured text box to
also increase in size as I cannot determine the actual space taken up by
text on different platforms

will have to look further at relative page layout


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

Excuse me for crashing this party, but I just found something that doesn’t belong in your website : http://www.markkelsallphotography.co.uk/Resources/index2.png

Why not just give the text-box (DIV) a rgba background-color in stead of a transparent ping?
When the text-box is set to auto-height, you’ll always be covered :wink:


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

but that doesn’t affect text in brower though, I presume - does it just make your site build look a bit neater?
if the user wanted the text to be larger, I want the coloured text box to also increase in size as I cannot determine the actual space taken up by text on different platforms
will have to look further at relative page layout

You wish to have the box in which the text is contained expand; correct ? So try what I suggest and see what happens when you enlarge the text in a browser - non FF.

And as Ernie suggests learn inline layout, well worth it.

As Richard observed you don’t need a png for the semi transparent blue background.

s


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

Or, learn inline layout - here’s a Pro 6 file to help get started:

While this would be the ultimate answer for every text box on your site if you just want to minimise the effect you can set your html content box to an undefined height which will allow it to grow to suit different text sizes.

You can do this by deselecting the height attribute of the container by clicking on the up/down graphic at the left of the height field. This will turn the top and bottom middle grab handles of the container Red and shrink the container to the height of its content.

If you apply your transparent blue png file as a background to that Html container you will get the effect you want.

http://www.deltadesign.co/fw_examples/expandingtextbox.html

BTW - the images you are using in your BG Supersizer slideshow are huge at over 1/2Mb each and make your page slow. You should also avoid spaces and other characters in your file names ie Barrow Hill.jpg should really be Barrow-Hill or Barrow_Hill

David


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

If you apply your transparent blue png file as a background to that Html container you will get the effect you want.

And/Or in your Inspector> Graphic effects> Background> color> Opacity Assuming a solid color is desired. Example here: http://www.autocare625.co.uk/

s


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

Whoa! Thank you all so much for your help and hints!

However - it does raise a few other issues to my dim brain.

First of all to ern, (love your site by the way) - I’m only on 5.5 as still not 100% about version 6 yet, considering the number of updates it has had already - but definately the way to go.

To Richard, can you please explain what a ‘rgba background’ is - is it wrong to make the box a transparent png as it does produce the effect I am after (just not fitting the text bit)

And to Delta dave regarding the supersize images. The original images are about 1600 pixels wide and about 500kb at most - how do they expand to 2mb? What is optimum size for the background images. And why no spaces in the files names? Does this go for every single image that I use?

Again, I am very grateful for all your time and help, so much to learn!


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

how do they expand to 2mb?

They have not expanded to 2Mb - I wrote 1/2Mb ie 0.5Mb - still way too big for a bg image.

The bg image I used in my example http://www.deltadesign.co/fw_examples/Resources/Barrow_Hill.jpg is 200k and could be reduced a good bit more without noticeable loss of quality for a bg image.

why no spaces in the files names? Does this go for every single image that I use?

Standard practice when dealing with the web - some Browsers/OS will be tripped up by space characters in file names.

D


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

May I advise ImageOptim, http://imageoptim.com
Somehow it always seems to be able to reduce the images just a little bit more …


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

I’ll second what Richard says:

May I advise ImageOptim, http://imageoptim.com Somehow it always seems to be able to reduce the images just a little bit more …

ImageOptim is a pretty sweet little app, and it’s free!


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

What I use for a lot of these is Preview itself.

Open an image with Preview and then do a Save As. This gives you a Quality Slider and a File Size indicator - not to mention the onscreen preview.

Preview is really quite a powerful little app.

D


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

many, many thanks for all the useful info regarding optimum size of images.

going back to a previous comment from DeltaDave concerning file names and not having any spaces in them - is there an action that could do this. So that once you publish the site it takes the space out of every file name in the resources folder, perhaps)

n


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

Try NameMangler, there are others.

/ Omar

::: Communication to improve civilisation :::

s_ip

On 5 mar 2013, at 12:45, “Noel Sergeant” email@hidden wrote:

many, many thanks for all the useful info regarding optimum size of images.

going back to a previous comment from DeltaDave concerning file names and not having any spaces in them - is there an action that could do this. So that once you publish the site it takes the space out of every file name in the resources folder, perhaps)

n


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

So that once you publish the site it takes the space out of every file name in the resources folder, perhaps

That would just lead to missing images in the browser. You would want to do it to all your images before they get any where near FW.

Come to think of it why not just do it when you first name them?

D


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