Text On Top Of A Graphic

I have Freway Pro 5 and I am just learning it…

I have created a graphic (box) with a background color. I then created Times HTML text which I want to layer on top of the box and have it sit center to it.

When I create on the page it looks great - then I go to view it and my text is now running off the box.

I know if I create both as a graphic and group them together it will be like a picture and what I see is what I’ll get - but the HTML text has good key words that I want available to Google search engines.

Do I have options here? Thanks!


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

On 10 May 2009, at 23:42, Fuzzy Z wrote:

I have created a graphic (box) with a background color. I then
created Times HTML text which I want to layer on top of the box and
have it sit center to it.

When I create on the page it looks great - then I go to view it and
my text is now running off the box.

Why not just make an HTML box with your text in it, give that box a
background colour, and apply some padding to it from the Inspector, so
there is a gap between the text and the edge of the box?Î

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

Good suggestion, I did try that but when I was trying to play with the text inside and off set & space some of the text inside the DTML text box - it too wasn’t coming out the way it looked in design. Maybe I’m doing or need to enable something here?

I’ll go back and play with that option… Thanks!

~The Fuz


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

If you can post a link to your page then we can look and make suggestions.

David


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

Quick example here http://deltadzine.net/htmltext.html - One HTML box, with bg colour, text centre aligned and aligned vertically using padding. The rounded corners and shadow are just a little extra I threw in.

David


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

Thanks David for the example -

Here is a temp weblink as to what I’m working on:

http://www.swiatekconstruction.com

On the About Us page is where I am having the problem with the text box. In this case I have layered a graphic box with a text box on top - but published both as gif.

I was able to create just a text box and played with the padding as suggested. I think it looks good - but how did you curve the corners on your example?

http://www.swiatekconstruction.com/textboxexample.html

Also a few other issues I’m having if you could be so kind:

  1. When I drag a picture into a graphic box it sometimes brings it in at a lot less resolution and size. If I try it a few times then eventually it works. Have you had this issue before?

  2. What is the best page size to set my pages at? 1024 wide?

  3. How can I bring in lines to the webpage? Do I need to create them as a graphic in photoshop first them import as a graphic?

  4. In the “Homeowner” page I wanted to splash fading text to come in on top of the image - how would you do that?

Thanks again for your help and input!

The Fuz


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

The curved corners are courtesy of Walter’s CSS3 corners action CSS3 Corners - ActionsForge

Personally I don’t drag in - I use File>Import or Apple - E and then Item>Graphic>Scale and Pad (or Trim) Option-Shift-Apple-F The keyboard shortcuts make it much quicker.

1024 is the accepted size that most folk have these days but with Windows scrollbars taking a slice then 960 is a good size to work to.

What do you want your lines to do - if you want them as part of your background then Photoshop is fine but if they are lines ie rules between text then Insert>Rule

What method did you use to fade in the images? It can probably done the same way.

As far as the text on your pages - I always fell that Caps is a bit like Caps in an email ie SHOUTING

And should CALGARY HEARLD not read CALGARY HERALD

David


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

Great Info - thanks David.

I will setup as you described and try your suggestions.

I want to try to import lines / text into the page but now I’m having a problem with the background.

I have made a graphic in photo shop elements - then I save it as a .gif file with transparent selected but when I import it its eaither white or a different color.

Am I better off just filling the background the same color as the webpage background in PS or is there a way to get my image to pick it up and have a transparent background?

Thanks for the spelling correction ~ opps!


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

I figured out how to create the image properly. When I went to import it - it works by itself (transparent) but if it sits ontop of another image it grabs its backgroubd color when I set them up to fadeinto each other.

Overall its all good now. I figured out what I am going to do. Thanks a lot!

The Fuz


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

I know for graphics .gif or .jpg is better - but I created a .gif graphic with some text. The graphic looks good but the text looks grainy. I need them to be one image for fading mulit images.

Is there a way to make the image look sharper when in a gif?

Other suggestions? Thanks!

The Fuz


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

Watch when you are creating graphic text on top of varied colour backgrounds. If anti-alias is set to Auto it may not pick up on the predominant bg colour to anti-alias against. Instead you may have to choose a middle ground colour that will work better.

If you choose ‘other’ from the dropdown a colour palette will open. Click on the Round colour selector bottom right. This will open another palette with a magnifying glass in the top left next to the colour bar. You can use the magnifying glass to choose any colour on your page as the anti-alias colour.

David


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

On 11 May 2009, at 23:29, Fuzzy Z wrote:

I need them to be one image for fading mulit images.

Try grouping the image (JPEG or PNG) and text (GIF) and and select the
surrounding box to apply your Target Show/Hide Action (if that’s what
you are using).

Note also that PNG set to Millions works best if you want transparency
in or around your image, so you could also try that for your text/
image combination. to se if it gives abetter result than JPEG - tough
it’s not something I’ve ever tried. (Trade-off is a larger file size).

Colin


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

On 11 May 2009, at 18:38, Fuzzy Z wrote:

Thanks David for the example -

Here is a temp weblink as to what I’m working on:

http://www.swiatekconstruction.com

I just noticed on that page “coming” should be spelt with one “m” not
two as you have it.
I also agree that it’s best to avoid too many Caps as it is much
easier to read upper and lower case type.
Hope you don’t mind me mentioning it.
Good luck with the site.
Regards
Steve.


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

Ya no problem SteveB - thanks!

Long days on the computer theses days - learning and trying out Freeway Pro 5. Just bought it over the weekend and I am enjoying it.

Great support site and members - I couldn’t of picked a better product.

Thanks everyone - stay tuned… I’ll be back with more questions…lol.

~The Fuz


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