[Pro] Text over graphics

So new I didn’t post my question in the right place!

Total Newbie here. Please h-e-l-l-l-p! I looked and looked to find the answer to this question in the reference guides and here to no avail.

How do I place text (doesn’t have to be html) over an inline graphic such that the position of the text stays fixed relative to the graphic when previewing and publishing? You, know, basically adding a caption to a photo on top of the photo.

It seems when I create the text as an independent item it shifts a bit when previewing.

Thanks.


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

Hi Marc

Definitely doable. The trick is to apply the image as a background to your item (Inspector > Item Appearance > Background section), and then adding text into the box as usual. You can then use padding to place the text exactly where you’d like it.

Hope that helps

Regards

Derek


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

Thanks. I think I get it, but to clarify:

By “image” you are referring to my inline graphic, yes?

And by “item” you mean HTML text, correct?

I.e. Create an HTML item, using my image as the background to the caption. I tried that but didn’t place it as an inline graphic yet. I got stuck with the problem of not being able to resize the image and caption together. Doesn’t seem there’s that option as an HTML item. So how do you resize the image?


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

How do I place text (doesn’t have to be html) over an inline graphic.

The alternative solution

There is an Action - Image Captions by Weaver - that you apply to your image and you can set various parameters in the Action palette like Position and Alignment

Get it at ActionsForge ActionsForge - The Complete Repository of Freeway Actions

David


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

Sorry for posting in the wrong place. Thanks for the tip. I’ll look into it.

What do you think of Derek’s solution, and my question about it?

Marc


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

Yes it can be done this way but you need to create your graphic the right size because bg graphics cant be resized and also there is quite a lot of fiddling to get the text in the right place.

D


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

Sorry for the delay. I lost Internet last night.

Definition-wise, “item” refers to an html—as opposed to graphic—box you create in Freeway, and, yup, “image” refers to your inline graphic (which in my solution would be the background of an html item.)

The fiddling Dave is referring to is adjusting the padding on the html item containing the text, which would enable you to move the text from the upper left corner to wherever you want it to be within the item.

So you’ve got not one, but two ways to pull this off (Dave’s way and my way)! Let me know if you need any further help.

Derek


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

Thank you Derek. Nope, now three ways. Keith’s suggestion in my misplaced posting seems the best of the three. I tried the Image Caption and can see where that might be helpful, but there’s a lot more steps, where Keith’s is pretty darn easy. I’m copying it here for the next newbie with the same question.

But thanks to all for the very fast and helpful responses!

"The simple answer is you can’t. Inline graphics sit within the flow of text in an HTML box and that limits how you can work with them in normal ways.

But… the slightly less simple answer is you can.

If you draw a graphic box within the existing graphic box before you copy/paste it into the HTML text flow, that graphic box will sit as a ‘child object’ within the other graphic. It will be generated as part of the final graphic that you see in your browser.

You can’t draw a graphic box ‘into’ another if that is already an inline graphic. BUT if your inline graphics are already set up then try this trick:

  1. Make your caption, using a graphic box.
  2. Position it over your inline graphic. (I’m assuming things are layered BTW. Otherwise this won’t work at all.)
  3. Click the title of the Site panel, over on the left. This will toggle it to the Page view, where you should see all the items in your current page.
  4. Select your caption box. It will show up in the panel on the left.
  5. In the panel, drag your caption box ‘into’ your inline image box, which will show up nested within the HTML box. It should end up indented (nested) inside the image, which is inside the HTML box.

You’ll probably need to practise this once or twice to reallt get what’s happening, but it sounds more fiddly than it is, trust me. :slight_smile:


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

That Keith, he’s a crafty one! Glad you got a solution that works.

Derek


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