I seem to have a simple problem, but for some reason I can’t find the solution.
I have created a HTML box, imported a picture as the back ground, Then added some text into the box so that it shows up on top of the picture, set the alinement to the right so that the text appears over the dark area of the image.
My problem is that I need some space from the end of the words to the edge of the picture, because at the moment it looks like the text runs off the edge of the background.
I have tried adding a couple of tabs from the space bar, but the curser just moves outside the frame and the text stays in the edge.
My Second problem is that when I view the text in freeway it looks like I could get 3 extra lines, but in a browser it runs top to bottom of the picture.
Before you get the full techie answers, I suspect that you want some
simple steps to try first.
To inset your text from the borders of the HTML box just go to the
Inspector and under Dimensions you will find a value box for Padding
(empty by default). Type in, say 6, and your text will be inset by 6
pixels all around, whether set left, right or centred.
To reduce the space between lines, instead of just ending each line
with a Return, type Shift+Return.
There is also a more sophisticated way by using the Styles panel,
which will give control over how much space there is between lines
(leading) or paragraphs. In the Styles & Colors Pallet, click on the
little cog wheel and choose New Style. This will open a dialog where,
under Character, you can specify the font, style and size and colour,
etc. and under Paragraph the leading and/or space before and space
after paragraphs. Choose the measures you need from the little “+”
menu on the right of each section. Give your style a name and.
finally, apply the style to your text. Just experiment to get the
visual effect you want.
To have two columns of client list, left and right, before you add
your text, draw two more HTML boxes within the boundary of the
background HTML and position them so they sit just inside the left and
right sides. Add your client names to each box, to balance content
for your client list.
One thing you might do, while you are still at the front end of your
learning curve, is to make a Test Folder and Test Page in your Site
Panel, unlinked to your main content (use the Cog at the bottom of the
Site Panel for New Folder/New Page). You can use the Test Page to try
out ideas and then copy and paste the successful elements into the
page you want.
HTH Colin
On 26 Jan 2009, at 18:27, Snapper wrote:
While I am asking, if I wanted to run the text down the other side
of the picture as well, how would I do that to add the rest of the
client list.
I also notice that the gaps between sentences could be tightened up,
How would I do that as well.
To bring the text off of the edge of the underlying image simply add some
padding to the box. Ten pixels will bring the text area in from the edge of the
image but you should play with this figure in the inspector palette until you
are happy.
To have text range both left and right on top of the image background you can do
this either using a table or with divs.
I’d be inclined to use divs as the whole process can be done in Freeway without
actions or markup but the choice is yours.
Add padding to your image box using the inspector palette and place your cursor
inside the text area of the box. From the Insert menu select HTML item twice.
This will insert two 100px square boxes inside your picture box. Select the
first and in the inspector palette choose float left. Do the same for the
second box and select right. Now you can adjust each box to accommodate the
text you need to add.
Regards,
Tim.
Why not just have a graphic as a graphic box - and have html box layers over
the top of it - then you can have one each side.
What is less easy is getting it to look nice in all sorts of scenarios that
break it - such as text zooming. But if you allow plenty of breathing space
it might be ok.
By making a paragraph style you can set the leading - and the space before
and after a return (paragraph). This can do what you want.
all the best
Brian
Snapper said recently:
While I am asking, if I wanted to run the text down the other side of the
picture as well, how would I do that to add the rest of the client list.
I also notice that the gaps between sentences could be tightened up, How would
I do that as well.
Counter-intuitive, I know, but you should always float right before
left. Otherwise you can end up with an extra space above your right
box – but only in some browsers. This can be very vexing to figure
out later, as Freeway gives you no idea in what source order the
elements will publish.
Walter
On Jan 26, 2009, at 3:03 PM, email@hidden wrote:
From the Insert menu select HTML item twice.
This will insert two 100px square boxes inside your picture box.
Select the
first and in the inspector palette choose float left. Do the same
for the
second box and select right. Now you can adjust each box to
accommodate the
text you need to add.
While we are on the topic of text, I have another small issue.
I seem to have a problem with setting up a design in freeway and when I up load the page or do a test view in a browser the text has enlarged, How can I sort this out. I set the text to default in the inspector, should I be setting a set size?
I know that this might have something to do with how browsers read your page with their default text, But how can I get it so people see what I want them to see, instead of what their browser gives them?
Picture 1, Show how it looks in the Freeway design page
Picture 2, Show how it looks when Browsed is Safari or FireFox
When you set text at default size you are at the mercy of the viewers browser settings.
At your design stage set the text size using a pixel dimension - this will help but unfortunately this is something that the visitor has ultimate control over.
If the size of your text is of paramount importance to you then the only way to guarantee it is to use gif text with the disadvantages that come with that (SEO problems etc.)