PLEASE HELP!!!! IWEB images overlap text!!

Hi my website has trouble after I publish it to a folder. Once it is on the internet, the majority of my pages have images that cover my text, but in iweb they don't. I've looked everywhere on the internet for help, but can't find any topic relating with an answer. PLEASE HELP!!!
Here is an example of a messed up page:

Link: http://toptenzone.net/NYC_Pizza.html

unknown, Mac OS X (10.5.7)

Posted on Jul 29, 2009 4:46 PM

Reply
11 replies

Jul 31, 2009 6:47 PM in response to justin glaser

Hello Justin
It appears to be a 'wrap' problem

One thing to try:
Drag your text boxes farther down the page to give more room for the photo

If that doesn't work, maybe try this
1. copy the pizza image (#9)
2. delete it
3. click in the related text box, and put the insertion point at the very beginning of the text
4. paste the image
Now it should be inside the text box and you can treat it as an object to wrap the text around:
5. In the Text tab of the Inspector, there's a 'Wrap' tab/option and you can set distances here, just like you can in any document
Try this out and see if it fixes things

Hope it works for you now
Elizabeth

By the Way, here's the complete instructions from iWeb Help (I couldn't figure out how to make the Wrap option active and checked there 🙂

+To make text wrap around an object:+
+Starting with an existing block of text on your webpage, place the insertion point in the text where you want the object to appear.+
+By adding an item at a text insertion point, it becomes an inline object. This means text can wrap around it.+
+Do one of the following:+
+To add a photo, movie, or audio file, drag the file to the insertion point in the text while holding down the Command key.+
+You can drag files from the Media Browser or the Finder.+
+To add a shape, choose a shape from the Shapes pop-up menu in the toolbar at the bottom of the iWeb window.+

+Select the object if isn’t already selected.+
+If the Text inspector isn’t open, click the Inspector button in the toolbar (or choose View > Show Inspector), and then click the Text button.+

+Click Wrap.+
+Select “Object causes wrap.”+
+Click a Wrap button to make the text wrap to the right or left of the object.+
+To adjust the amount of space between the object and the text, type a new value in the Extra Space field.+
+You can resize the object at any time, and add or delete text around it. Because the object is inline, text reflows around it.+
+To eliminate text wrapping, select the object and deselect “Object causes wrap.”+

Aug 3, 2009 3:50 PM in response to justin glaser

Hmm
This sounds kind of simple, but have you tried dragging the text box down farther on the page: leaving more space for the image?

Another option: create the document (with the picture in it) in Word then copy and paste it into the webpage. You would probably want to format the size of the document to the pixel width etc of the space it will occupy on the page. You might try this with each entry separate, not all 10 in one text box.

Which brings another point to mind: are each of the entries separate text boxes? or have you made one large text box, with gaps where you've inserted the pics? I'm working from the assumption they're all separate: I work with separate boxes for separate sections of my page, which I can then move around more freely.

Elizabeth

Aug 3, 2009 4:58 PM in response to justin glaser

Welcome to the Apple Discussions. Eliza's suggestion of inserting the photo inside the text box didn't work? Did you try it, publish the changes, clear your browser's cache and load the page. This demo page shows how to embed/insert photos into text boxes: Photos and Shapes in Text Box with Wraparound

That will link/lock the photo to that location in the text box.

OT

Aug 5, 2009 7:50 PM in response to Old Toad

Hey,

I tried creating separate text boxes for each piece of text under each image, but that didn't work. I also reset my cache so it wouldn't pull up the exact same page, and that didn't help my cause either. I would rather not move all of my text down and have a ridiculous amount of room in between the text and images, so i'd like to figure this out and get it fixed. what i don't understand is why it works on some pages and not on others. If you go to my website and view celebrities, actors, top ten current actors, those appear nearly perfect (besides russell crowe slightly over the text above which doesn't bother me). How can i fix this???

Aug 5, 2009 9:04 PM in response to justin glaser

well, Justin, you're doing a lot of work to solve this, that's for sure.

my next suggestion follows the old "if it ain't broke don't fix it" premise: why not duplicate one of the pages that works, then paste in the new text and images to replace what's there? (then rename the page, adjust links, etc)

Something I noticed: Russell Crowe's pic is bigger than the others, and is about the same size as the pizza pics: and has similar problems: maybe there's a connection there someplace?

Elizabeth

Aug 11, 2009 4:17 PM in response to justin glaser

then added the image in between.


Did you just drag the image to the blank space between the title and description? That's not how to do it. Create the title, hit Return. Go to the image, select it and do a Copy (Command+C). Put the cursor in the text box, hit Return again to start a new link and type Command+P, (Paste). That puts the image INSIDE the text box so it moves with the text.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

PLEASE HELP!!!! IWEB images overlap text!!

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.