Prevent image overlap in anchored images

Hi,
I have two anchored images with text flow in one text frame. Both of them are quite big and quite close to each other.
But when the IMAGE 1 achieve end of the page (due to changing length of the text for example), than freeze on the end of the page and the IMAGE 2 move behind the IMAGE 1.
Are there any chance to control this overlapping?
Thanks a lot

Only means I know of is to force the second image to a new text frame.
Mike

Similar Messages

Best Practice for Image placement and Anchored Frames for use in Robohelp 9

Hi,
I'm looking for the best practices in how to layout my images in Framemaker 10 so that they translate correctly to Robohelp 9. I currently have images inside of Anchored frames that "Run into" the right side of my text. I've adjusted the size of the anchored frame so that my text flows correctly around the image. Everything looks good in Framemaker! Yeah! The problem is that when I link my Framemaker document to Robohelp, the text does not flow around my image in the same manner. On a couple of Robohelp screens the image is running into the footer. I'm wondering if I should be using tables in Framemaker in order to get the page layout that I'm looking for. Also, I went back and forth...is this a Framemaker question or is this a Robohelp question. Any assistance would be greatly appreciated.

I think Jeff is meaning this section of the RoboHelp forums:
http://forums.adobe.com/community/robohelp/robohelp_framemaker

How can I add callouts on top of anchored images in CS6?

I am using InDesign CS6 on a MacBook. I have multiple anchored images in a long document. Some of the images require callouts, such as labels or arrows, which should display on top of the image and should always stay with the image as if these items were also anchored. Is there a way to layer images in InDesign so that they are all anchored?
I tried grouping the callout objects with the anchored object, but you cannot select an anchored object and other objects at the same time. I know in Word you can create an image canvas and add multiple items to that, and they are all grouped together. Is there a way to do that in InDesign? Or would I have to anchor each callout along with its corresponding image?

Peter, your advice was very helpful. However, the text boxes (callout labels) that are included in the grouped objects get distorted once the grouped objects are anchored. Each text box shows the red +. When I expand the text box to fit content, the text box expands vertically so that all of the text is below the originally anchored object.
The other callouts (just lines) stay in place perfectly. Any insight into why the text boxes don't behave the same way that the lines do?

Images overlap with text when after creating pdf: InDesign CS

Good morning,
I am using bot InDesign CS and CS2, and I am having a problem as the following:
After creating the pdf, images overlap with one another, or the text overlap behind the images so on.
First, I would like to mention the overlapped images had no problem at the previous version of the pdf. If I make a change on the page "06" for example and then recreate the pdf, a couple of images in the other pages move to the different place through the document.
So I tend to "replace" the changed pages into the previous version of the pdf instead of recreating the pdf for all pages.
Is this kind of bug or features of InDesign?
It would be very much appreciated if anyone answer me.
Warm regard, Andrew.

The PDF that was placed into ID loses all interactivity and form fields. There is no way to do what you want.
Bob

IOS6... How do I see the full screen when watching youtube videos and second the map quality is very poor, foggy most of the time and images overlap to each other... Can I restore to IOS6 if these problems can not be solved?

I just upgraded to IOS6 and I have some difficulties that I never had on IOS5:
How can a see the full screen when watching youtube. Address bar is always in view.
Maps are foggy and some images overlap to eachother.
If these problems can not be solved, how do I downgrade back to IOS5?
Regards,
Luis

Luis757 wrote:
If these problems can not be solved, how do I downgrade back to IOS5?
Regards,
Luis
No, there is no legitimate way to downgrade iOS to an earlier version.
Be patient, Apple will eventually get around to fixing the "bugs" in iOS 6.
You can leave feedback here: Apple Feedback.

Header image overlapping menu div tag...

Hi,
I have decided to play some more with Dreamwaver, and started to build a website in it. So far everything went smooth, but I have to place the menu buttons over the header image (which is the background for my buttons in the same time) and noticed that the same header image is overlapping the menu buttons, but only in the editor mode, when I test the website inside my browser the buttons are visible and are ok.
I have tried to set both in positioning to Absolute, and set the z-index...but in the editor mode the header still overlaps the menu buttons.
Here is the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>InfoSpot</title>
<link href="css/template.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="wrapper">

<div id="header"><img src="images/logo.png" alt="logo" name="logo" width="783" height="167" id="logo" /></div>

<div id="homeBtn">Home</div>

<div id="mainContent">
<p>Lorem ipsum dolor </p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum.</div>
</div>
</body>
</html>
And the css:
@charset "utf-8";
body {
margin: 0px;
padding: 0px;
background-image: url(../images/bg.png);
#wrapper {
width:900px;
height:800px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
#homeBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#5a5959;
width:70px;
height:30px;
float:left;
margin-top:-10px;
margin-left:370px;
padding: 3px;
text-align: left;
#mainContent {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height:1.6em;
color: #5a5959;
border:;
margin-top: 70px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 355px;
width: 450px;
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
text-align: left;
#mainContent p {
font-family: "Arial", Times, serif;
font-weight:bold;
font-size: 1.6em;
color: #5a5959;
.imagesLeft {
padding: 3px;
clear: left;
float: left;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;
border: 1px solid #CCC;
REGARDS!
vedtam

Hi, and thanks for your response. I did as you said, but the header still overlaps the menu button ( se the attached images).
#header {
width:800px;
height:167px;
font-size: 2em;
color:#900;
padding:0em;
margin-left:100px;
float:left;
background-image: url(../images/logo.png);
Regards
Editor:

Help! Image OverLapping components. Get Your dukes right here.

I am creating an applet and I want to use an image as a background to a jPanel. There is a jTextField on the panel that is hidden because the BG image overlaps it. I would like the image to be used as a background and only as a background. Any Suggestions? Duke Dollars will be awarded.
public class Tester extends JApplet
Image imageTest;
Graphics dbg;
Image dbImage;
JScrollPane jScrollPane1 = new JScrollPane();
public Tester()
public void init()
    try
      jbInit();
      imageTest = getImage( getDocumentBase(), "bg.gif");
    catch(Exception e)
      e.printStackTrace();
private void jbInit() throws Exception
    this.getContentPane().setLayout(null);
    jScrollPane1.setBounds(new Rectangle(70, 30, 235, 215));
    jScrollPane1.setBackground(Color.black);
    jScrollPane1.setForeground(Color.white);
    this.getContentPane().add(jScrollPane1, null);
static
    try
      // UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
      // UIManager.setLookAndFeel(UIManager.getCrossPlatformLookAndFeelClassName());
    catch(Exception e)
public void paint(Graphics g)
    g.drawImage(imageTest, 0,0, this);
}

Check out this thread:
http://forum.java.sun.com/thread.jsp?forum=57&thread=316074

CS5 Live Caption Issue with Anchored Images

For some reason, InDesign will not let me add a live or static caption if it is anchored in the body. I can put it on the pasteboard and add it but not while it is anchored. Does anyone know of a work-around?

Hi Richard,
I have the same problem as you do. I'm working on user manuals, with hundreds of screen captures I want to flow with text. The Live caption feature is wonderful, only it does not work with anchored images! If anyone out there finds a way to deal with this issue, or knows of a patch or update to download...
Jonathan

How to make a navigation bar overlap a banner image

Whilst trying to code a website for a class project, I came across an issue. I would like to have my nagigation bar overlap my banner image, like you can see on this webpage http://blindbarber.com/ and I was wondering how I would go about doing that. I'm not even sure where to start with doing it, as every time i attempt to make it work, all it does is push the rest of the webpage down.
I'm using Dreamweaver CS4, and if you need to see any of my code, just let me know
Thanks in advance

Without getting into all the effects used on the site you linked above, simply create your menu container and apply an overall background image behind your menu with CSS
background: #fcf url(images/menubg.jpg);
If on the other hand, you want images within your menu itself, this tutorial is particularly helpful in showing exacly where to apply the images.
http://etuts.org/add-background-image-color-to-thesis-navigation-menu/
And yes, seeing your code is invaluable, and by far the best way to do this is to upload your work on a server,
We usually need to see ALL your files to solve your issue quickly and accurately without a lot of guessing and questions back-and-forth.
Just rename a copy of your problem page (such as "test.html") and upload it to your server (with any associated files) in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.
This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.and saves us from having to recreate all your files, find your images and then repair your code and test the solution for you.
I trust this is helpful.

Image Overlapping not proper

Dear All,
I have 3-4 images which are to be overlapped. Infact I have 3-4 JLabels which have these images as their icon set. Now when i overlap them one image rectangular area covers the other images means this does not look transparent. Means if i properly put the one image over other only one is seen.
I have tried with BufferedImage & Alpha-Composite etc but what happen with this if i make it total transparent(0.0) it becomes black (rectangle), if i make it total opaque(1.0) , it covers the other image. If i kept this value in between, some undesired background comes with image.
Please help me out if you have even some idea.
Thanks,
Manoj

Don't crosspost: http://forum.java.sun.com/thread.jsp?forum=20&thread=519433&tstart=0&trange=15

EPub validation errors for chapters starting with an anchored image

I am generating an epub file using InDesign CS5.5.
I have set up a TOC and selected it during the epub export. It has one level based on my paragraph style “Caption” and works perfectly when I test the ePub file on iBooks.
Most chapters start with an image, followed by a caption (in paragraph style “Caption”, the same as I’m using to generate the TOC) underneath.
Images are anchored (using the blue box) to this caption in the Indesign file.
I have forced a page break before the image in the export to epub to ensure the image comes at the top of the page.
So far so good. All looks great and everything, including TOC, works perfectly in iBooks on my iPad and in Adobe Digital Editions.
However, my file will not validate because the TOC markers in the chapters which begin with the anchored image are missing – even though the TOC works perfectly as I’ve mentioned earlier.
As far as I can make out from the HTML, the anchored image is overriding the TOC marker, hence the error.
I’ve manually edited the chapter files concerned for now as I’m under time pressure to finish the job, but I’d really appreciate any advice on how to set up my InDesign file to avoid this error in the first place for future books.
(I’ve tried anchoring the image to a space before the caption text, and anchoring it to a soft and hard return but no joy. I could start the page with the caption followed by the image and force the break after the image instead of before it to solve the problem but my client wants the image at the start of the chapter and I agree it looks much better that way round…….)
Any suggestions much appreciated.
I can post the HTML code the Indesign export is generating and the edited code if that helps at all.

Hi Steve,
Thanks for your quick response.
I have Version 7.5 of InDesign CS5.5. Not sure if that includes the patch? If not, where would I get the patch from?
On the error, here are a couple of examples from the first 2 chapters - it occurs in every chapter that begins with an image:
ERROR OEBPS/toc.ncx 23 62 'toc_marker-2': fragment identifier is not defined in 'OEBPS/Inspirational_Love_V1-1.html'
ERROR OEBPS/toc.ncx 29 62 'toc_marker-3': fragment identifier is not defined in 'OEBPS/Inspirational_Love_V1-2.html'
Also, here's an example of the original HTML generated by the export which is missing the TOC marker:
<div class="Basic-Text-Frame">
<p class="para-style-override-1"> <img
src="images/VX61_Fogra_USM_fmt.jpeg" alt="VX61_Fogra_USM.jpg"
height="467" width="1400" /> </p>
<p class="Caption">Refuge Cove, Wilson's Promontory, Vic</p>
And here's the corrected code which validates:
<div class="Basic-Text-Frame">
<p class="para-style-override-1"> <img
src="images/VX61_Fogra_USM_opt.jpeg" alt="VX61_Fogra_USM.jpg"
height="467" width="1400" /> </p>
<p id="toc_marker-4" class="Caption">Refuge Cove, Wilson’s
Promontory, Vic</p>
Thanks for your help.

Prevent iPhone Mail from loading images in HTML e-mails

Hello there!
Is it possible to prevent iPhone Mail from loading images in e-mails?
If yes, where can I change those settings?
Cheers,
Thomas

Ian, thanks for your quick reply.
I just hope Apple is going to build this feature into one of the next firmware updates, since from my point of view this is not only a security concern, but could turn out quite expensive if you are on a bad price plan.

Anchoring Images When Creating EPUB

I'm taking my InDesin book into EPUB form, and the chapter numbers, titles, and icon at the start of the chapter are showing up oddly. I read a note that I can fix this in Dreamweaver, but the only tutorials I find there are for making web pages. It sounds like there used to be an option to "anchor images" during the EPUB set-up, but I'm not seeing that choice in the current version. Can you please advise or direct me to a tutorial?

Hi,
To anchor objects in InDesign, please refer following link:
http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-6c43a.h tml
If images are anchored, they will appear in the EPUB after the paragraph in which they are anchored. To control the order of appearance of other objects, you can use articles panel and then choose reading order to be based on Articles Panel rather than page layout. This video will help you understand the workflow better: http://tv.adobe.com/watch/learn-indesign-cc/the-articles-panel/
Please feel free to ask in case you are stuck up or have further queries.
Regards,
Pooja

How to use Image Capture to transfer images and video from Iphone

I was wondering if I can use the program Image Capture to transfer image and video files from my Iphone? I set up my iphone to be synced with my laptop and tried opening up Image Capture and the program does not read any device attatched. However once I tried connecting my iphone to my imac and Image Capture opened up automatically. Would it be because my iphone is synced with my laptop that prevents it from reading in Image Capture? Any input would be appreciated!

On your laptop, open iPhoto and check it's preferences > General, "Connecting camera opens ..." The available choices are iPhoto, Image Capture, or no application. Make sure it's set correctly.
Here's a support document that may be useful: Copying personal photos and videos from iPhone, iPad, or iPod Touch to your computer, http://support.apple.com/kb/HT4083

Re-size an image in using the Image class?

Is there a way to resize an image using the com.day.cq.wcm.foundation.Image class? I wanted to extend the foundation image componet and have it resize to a specific height and width. Is there a way to change the size of the image before you call image.draw(out) ?

You also don't want to insert you resizing efforts prior to calling the image.draw method. The draw method doesn't actually render the image, it draws the HTML img tag that your components print out. If you were to use the ImageHelper to get the layer and resize it that would not actually change the size of the image.
Now that img tag will contain a URL to the image, and that URL will generally look something like this (unless you have customized your image components):
/path/to/your/page/_jcr_content/par/textimage/image.img.jpg/1323947520848.jpg
This URL is going to trigger a script or servlet that will be responsible for rendering the image. In the example above because the textimage component extends the parbase component and because URL includes the img selector it will end up triggering the servlet at /libs/foundation/components/parbase/img.GET.java. If you go into CRXDE Lite you can go to this file and look at the source code of this servlet and see an example of how it uses the layer to resize the image if that author edited the image in the smart image widget.
You can also see example of servlets that resize and image ot specific preset sizes (as you want to do) you can look at /apps/geometrixx-outdoors/components/product/image/thumbnail.GET.java and /apps/geometrixx-outdoors/components/product/image/nav.GET.java.
So what you would want to do is something like this:
Create your own component at /apps/mysite/components/foo
Create a servlet at /apps/mysite/components/foo/bar.GET.java - put your logic to resize the image here based on some of the examples
Create your component JSP at /apps/mysite/components/foo/foo.jsp
Create your component's dialog and in this dialog include a smart image widget - make sure you store your image on component node, not a sub-node. If you store your image on a sub-node you need to make sure the sub-node includes the same resource type as your main node).
In your component JSP when you create your foundation Image object make sure to image.setSelector("bar") before you call image.draw()
That should result in an image URL that looks like /path/to/your/page/_jcr_content/par/textimage/image.bar.jpg/1323947520848.jpg
Those steps aren't tested - so I may have missed something or mistyped something, but it should point you in the right direction.

Prevent image overlap in anchored images

Similar Messages

Maybe you are looking for