Viewing image in text

image in text

User: Susan S. 4 years ago
Can I put an image in a paragraph and have the text wrap around it? I went "insert" "choose" and then select the image and then click "open" and the only thing that happens is my mouse cursor moves over one space. No photo appears. So what is the point of insert? If I just drag and drop an image there is no text wrap.

Am I doing something wrong? I'm trying to put a sort of blog on my website and I really wanted it to include images.

Thanks, Susan
User: James G. 4 years ago
I have never tried to insert an image into a text box. To achieve text wrap, you could cobble it together with an image and text boxes, or look up some coding to insert the whole thing, or check out Roddys widgets here and here. There may be others on the site too.
User: Roddy 4 years ago
This is the latest - and most versatile - widget for text wrapping an image.

An alternative is THIS one if you are using the Flex widgets to create a responsive website.


NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Laurent S. 3 years ago
Sorry to post in an old thread but why would one need a widget to do this when iWeb can do it without any? Please, put the feature in Everweb.
User: Roddy 3 years ago
Just because Apple did something a particular way doesn't mean that it was done correctly. iWeb was created using a lot of the controls from their DTP apps - some of which are not appropriate for web design.

A text box contains a paragraph element. When wrapping text around an image, the image is not inserted into a paragraph. The image and the paragraph(s) are inserted into a parent container. The image is floated left or right using CSS and the text wraps around naturally.

Using HTML4, the parent is a div. With the introduction of HTML5, the parent would be a section, article or aside depending on the content type. This makes for a more efficient HTML doc and far better SEO.

Even better is to use a figure element which contains the image and its alt text and a figcaption. This is then inserted into a section, article or aside and floated to allow the text to wrap.

Here's an example of text wrap using an HTML5 container. One advantage to doing it this way are that all the elements are in a container so the crawlers know they are all related and index them appropriately.

Another advantage is that this method uses a lot fewer elements to create the container and its contents which makes for a far more efficient, faster downloading web page.

For those who are creating two or three versions of their website for computer, tablet and iPhone, this goes a lot faster using widgets like the above example since only one items needs to be copied and pasted to each version and then dragged to the approprate width.

Using separate text boxes, shapes and an image to create this takes longer to set up, is far less efficient and requires each item to be sparately adjusted when transferring from one version of the site to the other.

EverWeb users can create far better, more efficient websites than iWeb ever could. Using widgets makes it even better.


NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Mark P. 3 months ago
Quite honestly Everweb is hopeless when it comes to text wrap. The widgets, if they had been carefully designed, could have solved this. However, they do not justify accurately and leave the textual element looking a complete mess. This is, in my view, one of the most frustrating aspects of using a program that is otherwise quite well thought out. It just takes too long to create a web page of images and text. You are constantly working around this spectacular lack of functionality. I am off to find something more professional............

Last edit 3 months ago

Post Reply
You must login or signup to post.