Inserting image inside HTML box

How do I insert a graphic image box inside an HTML box so the text wraps around the image? I’ve been putting a graphic box inside an HTML box, but it just sits over the text instead of having the text wrap around it.

Thanks,
Jamie


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

Try following steps:

  1. Draw an html box
  2. Click inside the html box to get the flashing cursor
  3. From the Insert Menu choose Insert Graphic
  4. Select the Graphic object, go to File Menu and insert your photo (if using a photo)
  5. Select Graphic object you inserted and add a 10px margin (more or less) on the sides you want to wrap text around.
  6. Type or paste your text in the html object next to the Graphic object.

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

Thanks!


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

Why is it that when I do that, the text previewed in the browser never looks the same as it did in FW?

I set it up just like you said and the text doesn’t flow the same or sta the same distance away from the graphic.

(I asked a similar queestion with no responses, so I figured I’d glom on here!)

Thanks.


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

Why is it that when I do that, the text previewed in the browser never looks the same as it did in FW?

Questions:

  1. Are you using a standard web font?
  2. Is your html box a fixed size or is it set to expand?
  3. What exactly do you mean by “never looks the same”? Size? Spacing???

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

Font style is created using Verdana, size of box is not set to expand.

I add a margin to the graphic box and the text moves away fine, then on previewing in a browser the text moves back up against the box and the paragraphs break differently.


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

I add a margin to the graphic box and the text moves away fine, then on previewing in a browser the text moves back up against the box and the paragraphs break differently.

Check to make sure you don’t have extra hard returns in your text. This will cause flow problems. Try replacing hard returns with br (shift+return).

As for the text going back up against the graphic box… not sure. Usually it can only be because it’s not inline. Maybe you have a second graphic box in the same spot?


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

Hi Robert,

I’m sure I’ve seen this issue on an earlier version of Freeway - I’ve seen it posted before.

Try adding Padding (rather than Margin) the graphic box.

David

On 22 Aug 2008, at 16:34, Robert Bovasso wrote:

Font style is created using Verdana, size of box is not set to expand.

I add a margin to the graphic box and the text moves away fine, then on previewing in a browser the text moves back up against the box and the paragraphs break differently.

David Owen
Freeway Friendly Web hosting and Domains ::
(Test Drive a web hosting account for Free)

http://www.ineedwebhosting.co.uk

http://www.printlineadvertising.co.uk/freeway

Printing:: (leaflets, letterheads, cards etc)
http://www.printlineadvertising.co.uk/print.html

I think I tried that, but I’ll give it another whirl.

Should I have three boxes? A container, a text box and a graphic box maybe? Right now it’s a html text box with a graphic box inserted into it.


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

Should I have three boxes?

Give that a go. Make your second html box the same size you want the graphic to be and add the margin to that html box. Then put the graphic it that one.


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

Another possible way: Create your HTML box. Place your Text in a “graphic” box/container. You’d have 2 graphic box/containers then - 1 for your actual graphic, the other for your text. Make sure your graphic box is layered above the text box then set the wrap of the graphic to the size of the spacing you want around it.

Then if you decide to move the graphic container, the text container will then adjust itself automatically.

Outcome: 1 HTML Box and 2 Graphic items.


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

Well, it kind of works but I can’t get the text to flow, technically, because the text is in another box.

Then, I accidentally moved the text box (not sure how, since when I WANT to moe t I can’t!) and now I can’t move it back.

Oy! And this is the CORRECT way to work?


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

You shouldn’t need “3” boxes, you should need only “1.” That box, we’ll call it “content” needs to have the text dropped in first, then figure your positioning and double click into the text at about where and ‘Insert a Graphic Item’ setting the “Position” to whatever option you’d need it to be and then apply a “margin” on the sides that you feel need it should do the trick.

The only hassle is that sometimes you have to move the graphic item up a few lines of text (or down) for placement and that can simply be done by dragging up or down and just watch for the “text-cursor” looking thing in the lines of text for placement.


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