Overlapping images/text

I got my website to work but there seems to be some inconsistencies with other browsers. When I view my website on Safari and IE at home it looks fine but when I view it on IE at work, some of the images overlap like shown below:
I simply add the images in the text body of the page and use the tab button to center it. Is this correct? I do not use "object causes wrap" feature on the images.
Here is a link to the page:
http://www.fotomoondo.com/Reviews/Entries/2010/3/23Redrock_Eyespy_Standard_and_Micro_Follow_Focus_v2_IndieBundle.html

Use web-safe fonts, place images outside the text box and make sure none of the text boxes and images are overlapping in iWeb by doing a Command A to show all.

Similar Messages

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

[CS3][JS]avoid overlap image?

Hi,
When I am placing graphic/Image, Is there any way to avoid overlap image( the image lie on the top of other image)? When I am placing textframe in the document, textframe has the textwrappreferences to avoid the overlap. Like that is it possible with Image? I have placed my graphic/image inside the textframe/rectangle.
Please advice me.Sorry for any confusion.
Regards,
Kumar.

You should understand what happens with the text in a text frame, when it hits the border of a Text Wrapped object. The text itself reflows; yet, it stays inside its own text frame. If the text frame is not large enough to contain the reformatted text, you get the red 'overflow' marker.
Now imagine there is such a thing such as Image Wrap. You import an image and -- as usual -- you want its frame to have exactly the size of the image itself. What happens if you drag this frame over another one? The image inside the image frame should shift, but where to? (As there is no such thing as 'overset image' -- you would need to invent that too!) So, still analogous to our text frame-with-text (where the text frame is usually much larger than actually needed), you would need to make the image frame large enough to have a reasonable space for the image inside it to move around.
You can even try this out right now: cut an image and paste it into a text frame. Set the text leading to Automatic, so the image stays totally inside the text frame. Now drag this frame over another one with text wrap and see what happens to the image.
As this is the Scripting forum, I suppose one could write a javascript that checks whether any image overlaps any other, but having the same javascript solve it automatically seems a bit optimistic.

Overlapping Images Via A Link

It's safe to say that I'm pretty new to Dreamweaver... I know
a little bit, just a heads-up.
I know more Flash than Dreamweaver.
I've got two frames, frame one, frame two. In frame one are
the text links... RedDots, BlueDots, GreenStars, YellowStars. Each
of these text links links to an image coresponding to its name. In
frame two is the image (a white circle for arguments sake) that
will change. I've easily gotten the text links changing the image
in frame two, you click on RedDots and the image in frame two
changes to the RedDots image, you click on BlueDots and the image
in frame two changes to the BlueDots image, etc, etc.
What I want to do is overlap those images as they are clicked
on. So you have the white circle in frame two and when you click on
GreenStars that image is placed over top the white circle in frame
two. Then if you click on YellowStars that image is placed over the
GreenStars which is over top the white circle, etc, for up to 6
overlapping images.
Also, I would need a separate link that will allow the user
to go back one step. If they placed the RedDots over the BlueDots
by mistake and really wanted the GreenStars, they could click this
'go back one' link.
Any help is appreciated!
Thank you!

Hi,
Please look under Sample Application page 13.
In general it is passed with IR_ to the field name...
select 'f?p='||:APP_ID||':2:'||:app_session||':::2,RIR:IR_CUST_STATE:'||...
I hope this is helpful
LK

If Image is Saved As a Text, Would the Image Text, As a Link, Be Indexed by Search Engines.

Hi I want to put a text long the height of the brown box.
The text would be vertical as one looking at the page.
I believe with page make the text can be rotated.
If Image is Saved As a Text, Would the Image Text, As a Link, Be Indexed by Search Engines.
or how else to do this?
an

If Image is Saved As a Text
Impossible. It's either image or text. Save a JPEG as a Word document. Try it. Seriously, change the file extension, open it in Word and see what happens.
Would the Image Text, As a Link,
Huh? You lost me here.
Be Indexed by Search Engines.
Indexing of search engines. Yes, Google sees links and Google sees alt text for images. Google does not see images nor Flash.

How to display embedded image & text in content presenter web template

We have a requirement to display both text and embedded image together like in WYSIWYG editor in Webcenter spaces. The content has to be dynamic and is context sensitive so that users in the same role can edit and publish the content. The users who are in different role would see different piece of content.
To achieve this use case, i think Content Presenter enabled with Site studio is the best choice. I have created element and region definitions with WYSIWYG and region templates in site studio. Created contributor data file in UCM. Content Presenter in webcenter is configured with that region definition and the region template etc.
At design time, the contributor data file is edited and some image / text is added in WYSIWYG editor.. But however at runtime view, i could see only the text added in WYSIWYG editor and the file name of the image embedded....Any one successfully used Content Presenter with Site studio???
Regards
Prasath.C

Hi
I'm using the site studio tags in jdev. My code is the following one and I have the same result I see the the html tags instead a formatted text.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:dt="http://xmlns.oracle.com/webcenter/content/templates"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:trh="http://myfaces.apache.org/trinidad/html">
<dt:contentTemplateDef var="node">
<af:panelGroupLayout layout="vertical" id="pgl3">
<af:panelGroupLayout layout="horizontal" valign="top" inlineStyle="background-color:#FFF; padding:10px;" id="pgl4">
<af:spacer width="10px;" id="s1" inlineStyle="background-color:#DDD; color:white;"/>
<af:panelGroupLayout layout="vertical" id="pgl1" valign="top">
<af:outputText value="#{node.propertyMap['RD_RICH_TEXT:text1'].asTextHtml}"
id="ot2" styleClass="bodytext"/>
</af:panelGroupLayout>
</af:panelGroupLayout>
</af:panelGroupLayout>
</dt:contentTemplateDef>
</jsp:root>

Is there a way to add images , text and button in the individual marquee of a carousel

Is there a way to add images , text and button in the individual marquee of a carousel ?

Write a custom carousel. Usually carousel components are just ULs that use something like jQuery to rotate through the LIs. The foundation carousel component is really just designed for some specific use cases. Generally I would just recommend rolling your own.

How to draw make the overlapped images on a JToggle Button draggable

Hello all:
I have a JPanel chart set with GridBagLayout. Each cell is a JButton,
I've create several overlaping images (from my existing images) using JLayeredPane
and adding on one particular cell JToggleButton. The images are displayed, but I don't know
how to make it draggable for users to drag to another cell within GridbagLayout.
I have been stuck on this for a long time, I'd appreciate if anyone give me some help
on this.

Hi kglad -
Thanks. That worked perfectly.
Surely you jest with me. Since I couldn't script a play button where in my brain do you think I would I find the cells to "use listeners for the video playing/stopping to control bigPlay_btn's _visible property".
That's okay. I'm sure after answering almost 50,000 questions it's easy to forget who you're talking to.
Thanks again.
Josh

New ways to overlap images in CS6?

Is there any easy way to overlap a float-left image on top of a float-right image ? I have read previously posted suggestions (layers, z-values..), but maybe it's made easier now in CS6 and CSS3?

Probably need a little more info to give you a good answer. There are many ways to overlap images.
The easiest would be to use one container with a background image, then place a standard <img> tag in the same container and position it accordingly.
A couple of absolutely positioned elements with z-index would be another way.
Relatively positioned elements with z-index would also work.
It really all depends on what exactly you want to do and how your page is currently written.

While generating PDF from webpage or website some of the images/texts doesnt show up in PDF. Also, there are a lot of formatting inconsistencies.

Creating, Editing & Exporting PDFs ! ! !

Can anyone please help, the websites hosted with us are developed on adobe CQ5.4 content management tool and when they are exported to PDF some of the images / texts doesn't get generated in the PDF. Also, the css /theme doesn't get generated resulting in formatting inconsistencies.
However, if the same website is generated using some online PDF converters all Images & texts are coming fine with correct formatting.
Is this issue due to using CQ CMS as that has a lot of components or is there a limitation with Acrobat XI pro trial version or anything else ?
Appreciate if some one could provide inputs.
Thanks
Anusha

Missing "Charts, Images, Text Labels" demo from iWorks Numbers page.

Really just an issue with the number iWorks page on the website.
At the address below, Apple has a few watchable demos:
http://www.apple.com/iwork/numbers/
Intelligent Tables.
Flexible Canvas.
Charts, Images, Text Labels.
and
Interactive Print View.
But the hyperlink listed under "Charts, Images, Text Labels." is the same as the one under "Flexible Canvas."
Does anyone have the actual address that takes you to the "Charts, Images, Text Labels." demo?
for reference, here is the address that is duplicated:
http://movies.apple.com/movies/us/apple/mac/iwork/2007/features/iworkfeatures_flexiblemediarichcanvas_20070807640x400.mov
thanks!

The link below is now available from the iworks page:
http://movies.apple.com/movies/us/apple/mac/iwork/2007/features/iworkfeatures_2dand3dcharts_20070807640x400.mov
Thanks to who ever updated it.

Overlap of texts in web page when texts are enlarged

When I display a webpage with texts in boxes, and I press Command + to increase the display size of the texts, usually the surrounding box also expands or adjusts to accommodation the larger texts. But when I press Command + again, then the texts from adjacent boxes start to overlap.
A similar thing also happens with Firefox, except that I can press Command + a few more times before the texts start to overlap.
Is there any preference in Safari that I can adjust to delay the overlapping of texts?

Try
http://au.yahoo.com/
In Safari, as soon as I press Command + twice, then the texts in the top right corner about Mail and Weather start to overlap.
But in Firefox, even after I press Command + 8 times to zoom to the maximum, everything stays in proportion without any overlap of texts.

Image,Text drag in applet

Hai there,
I want to allow a user to show an image and /or text on applet
and must allow it to be dragged.
I am able to do them separately oe. can drag image or text but
when both are present they act as single unit while dragging.
How should i allow each one to be dragged separately ?
Should i use seperate threads for both of them?

// <applet code="DragTest" width="400" height="400"></applet>
import java.awt.*;
import java.awt.event.*;
import java.awt.font.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.MouseInputAdapter;
public class DragTest extends JApplet
    public void init()
        DragPanel dragPanel = new DragPanel(getImage());
        DragMeister listener = new DragMeister(dragPanel);
        dragPanel.addMouseListener(listener);
        dragPanel.addMouseMotionListener(listener);
        getContentPane().setLayout(new BorderLayout());
        getContentPane().add(dragPanel);
     private BufferedImage getImage()
        String path = "images/Bird.gif";
        ClassLoader cl = DragTest.class.getClassLoader();
        BufferedImage image = null;
        try
            image = ImageIO.read(cl.getResourceAsStream(path));
        catch(IOException ioe)
            System.err.println("read error: " + ioe.getMessage());
        return image;
    public static void main(String[] args)
        JApplet applet = new DragTest();
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(applet);
        f.setSize(400,400);
        f.setLocation(200,200);
        applet.init();
        f.setVisible(true);
class DragPanel extends JPanel
    BufferedImage image;
    String text;
    Rectangle imageRect;
    Rectangle textRect;
    public DragPanel(BufferedImage image)
        this.image = image;
        text = "hello world";
        imageRect = new Rectangle(120, 200, image.getWidth(), image.getHeight());
    protected void paintComponent(Graphics g)
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        Font font = g2.getFont().deriveFont(Font.ITALIC, 24f);
        g2.setFont(font);
        FontRenderContext frc = g2.getFontRenderContext();
        LineMetrics lm = font.getLineMetrics(text, frc);
        if(textRect == null)
            int w = (int)font.getStringBounds(text, frc).getWidth();
            int h = (int)(lm.getAscent() + lm.getDescent());
            textRect = new Rectangle(60, 40, w, h);
        g2.setPaint(Color.blue);
        g2.drawString(text, textRect.x, textRect.y + lm.getAscent());
        g2.drawImage(image, imageRect.x, imageRect.y, this);
        //g2.setPaint(Color.red);
        //g2.draw(textRect);
        //g2.draw(imageRect);
    public void setRect(Rectangle r, int x, int y)
        r.setLocation(x,y);
        repaint();
    public Rectangle[] getRects()
        return new Rectangle[] { textRect, imageRect };
class DragMeister extends MouseInputAdapter
    DragPanel dragPanel;
    Rectangle selectedRect;
    Point offset;
    boolean dragging;
    public DragMeister(DragPanel dp)
        dragPanel = dp;
        offset = new Point();
        dragging = false;
    public void mousePressed(MouseEvent e)
        Point p = e.getPoint();
        Rectangle[] rects = dragPanel.getRects();
        for(int j = 0; j < rects.length; j++)
            if(rects[j].contains(p))
                selectedRect = rects[j];
                offset.x = p.x - rects[j].x;
                offset.y = p.y - rects[j].y;
                dragging = true;
                break;
    public void mouseReleased(MouseEvent e)
        dragging = false;
    public void mouseDragged(MouseEvent e)
        if(dragging)
            int x = e.getX() - offset.x;
            int y = e.getY() - offset.y;
            dragPanel.setRect(selectedRect, x, y);
}

Help with registering (aligning) two partially overlapping images

I have been digging into the JAI / Java2D algorithms, and I am looking for an algorithm for analyzing two partially overlapping images and returning the coordinates at which to render the second image relative to the first image. The desired end result is to be able to create a mosaic from a series of overlapping tiles. Is there a simple function, transform or library that I've overlooked?
Thanks.

EWirch wrote:
Thanks - it is an interesting problem, but it needn't really be intelligent. One could think of it like stitching a panorama from a series of individual images. I know the relationship between image A and image B (A is to the left of B). There is about 50 pixels of overlap (approximately the 50 right pixels in image A are on the left of image B). I just need a way to find the exact positioning / overlap of image B relative to image A, and thought that brute force is not the proper approach, given that this may be a problem others have seen or conquered.If it were only that simple, and your example is exactly the one I was thinking of. The problem that comes to my mind is one of perspective. You have to take into consideration a spherical projection of the images that are being matched, not to mention the dynamic elements of the scenes. There has to be some sort of heuristic that allows you to find a match that is good enough, that is within some level of tolerance, and this won't be easy to do. But again, I am no graphics expert. I hope someone smarter than I comes along with a decent solution.

How to make text fields grow dynamically without overlapping the text below it?

Hi..I'm a newbie to Adobe Livecycle and I need a create a form that has a textfield that should grow dynamically and expand without overlapping the text below it. I tried using subforms, saving as Dyanmic PDF, checking expand to fit option but nothing seem to work! I really need help designing this form.

Thanks for the reply. Yes I did but still didn't work out well. I'm trying to add my pdf form as an attachment here but I'm unable to do it! Where do I find add attachment option?

Overlapping images/text

Similar Messages

Maybe you are looking for