# Inserting image inside HTML box

**URL:** <https://discourse.softpress.com/t/inserting-image-inside-html-box/2491>\
**Category:** Freeway\
**Created:** [August 22, 2008, 12:31am UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491 "2008-08-22T00:31:32Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jamie\_Turner1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/b782af/32.png) [@Jamie\_Turner1](https://discourse.softpress.com/u/Jamie_Turner1)\
**Post date:** [August 22, 2008, 12:31am UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/1 "2008-08-22T00:31:32Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![chuckamuck](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@chuckamuck](https://discourse.softpress.com/u/chuckamuck)\
**Post date:** [August 22, 2008, 12:59am UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/2 "2008-08-22T00:59:35Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Jamie\_Turner1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/b782af/32.png) [@Jamie\_Turner1](https://discourse.softpress.com/u/Jamie_Turner1)\
**Post date:** [August 22, 2008, 1:10am UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/3 "2008-08-22T01:10:43Z")

</div>

Thanks!

* * *

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

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/f07891/32.png) [@Robert\_B](https://discourse.softpress.com/u/Robert_B)\
**Post date:** [August 22, 2008, 1:57pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/4 "2008-08-22T13:57:43Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![chuckamuck](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@chuckamuck](https://discourse.softpress.com/u/chuckamuck)\
**Post date:** [August 22, 2008, 3:32pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/5 "2008-08-22T15:32:05Z")

</div>

> 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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/f07891/32.png) [@Robert\_B](https://discourse.softpress.com/u/Robert_B)\
**Post date:** [August 22, 2008, 3:34pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/6 "2008-08-22T15:34:01Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![chuckamuck](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@chuckamuck](https://discourse.softpress.com/u/chuckamuck)\
**Post date:** [August 22, 2008, 3:42pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/7 "2008-08-22T15:42:32Z")

</div>

> 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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![davedesigner](https://discourse.softpress.com/user_avatar/discourse.softpress.com/davedesigner/32/61_2.png) [@davedesigner](https://discourse.softpress.com/u/davedesigner)\
**Post date:** [August 22, 2008, 3:49pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/8 "2008-08-22T15:49:11Z")

</div>

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.ineedwebhosting.co.uk)

[http://www.printlineadvertising.co.uk/freeway](http://www.printlineadvertising.co.uk/freeway)

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

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/f07891/32.png) [@Robert\_B](https://discourse.softpress.com/u/Robert_B)\
**Post date:** [August 22, 2008, 3:54pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/9 "2008-08-22T15:54:22Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![chuckamuck](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@chuckamuck](https://discourse.softpress.com/u/chuckamuck)\
**Post date:** [August 22, 2008, 4:16pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/10 "2008-08-22T16:16:02Z")

</div>

> 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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Mike\_D](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/m/22d042/32.png) [@Mike\_D](https://discourse.softpress.com/u/Mike_D)\
**Post date:** [August 22, 2008, 4:55pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/11 "2008-08-22T16:55:31Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Robert\_B](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/r/f07891/32.png) [@Robert\_B](https://discourse.softpress.com/u/Robert_B)\
**Post date:** [August 22, 2008, 4:59pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/12 "2008-08-22T16:59:44Z")

</div>

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](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Dan\_J](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/f19dbf/32.png) [@Dan\_J](https://discourse.softpress.com/u/Dan_J)\
**Post date:** [August 22, 2008, 6:36pm UTC](https://discourse.softpress.com/t/inserting-image-inside-html-box/2491/13 "2008-08-22T18:36:48Z")

</div>

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](http://freewaytalk.net/person/options)
