How to epub text on top of images.

I am trying to epub a children's book. I have an basic color and then I bring the image on the page but indented. Then I put the text on top of the image.
I have tried articles and I can't get the text to go ontop of the image. how do I do that. The images are jpegs. I tried png and psd. I tried putting the text on the image in photoshop but when I brought it over to indesign, the text looked terrible.
thanks

Text and image would have to be rasterized together, either in Photoshop or in InDesign in EPUB. There is no concept of layering in an EPUB file.
I don't think even fixed layout EPUBs support layering.

Similar Messages

Entering text on top of Image

Hi
I'm trying to come up with idea how to enter text on top of the existing image at known position. Or simple saying to add TextField component on Graphics2D so I can type text in it.
If anybody have done this please help
Thanks

Hi
I'm trying to come up with idea how to enter text on
top of the existing image at known position. Or simple
saying to add TextField component on Graphics2D so I
can type text in it.
If anybody have done this please help
ThanksHad the same problem - when I tried to overlay a TextField on top of my graphic the graphic repainted itself over the TextField. The (easier) solution was to put the image on its own JComponent within the JPanel I was writing too. This way the TextField could be made visible or invisible and laid on top of the image. More involved solutions would mean creating your own text editor on top of the graphic - this is covered in one of the Java tutorials, but you have to manage the details.

How to I add text on top of image? I am using pages version 5.2.2

I am working on an apple desk top OSX version 10.9.4. Since the new pages version 5.2.2 came out, I have been unable to add text on top of an image. Can anyone help me? Thanks ahead of time.

Pages v5 is not as flexible as Pages ’09 v4.3. If you want text over a free-standing image in your document, then you will need to place it in a Text Box, Shape, or other custom container created with the Unite, Intersect, Subtract, or Exclude items in the Arrange panel. Simply selecting the image and then, in the Arrange tab, stating move with text; setting wrap to none, and clicking back/ward — does not help.
You will need one of the containers from the second sentence positioned on top of your image. Once your text is input and styled, select the Text Box and the image, then from the Arrange tab, select group to maintain your text/image spatial relationship. If you need the image and its text container to adapt to other text in your document, you can enable the wrap functionality that best suits your document goals.
This can get interesting, because you can independently define the selected Text Box content as a text placeholder, and the image as a media placeholder. Save it as a template. When you open a new document with this template, you can drag and drop a new image onto the old one, and it is automatically scaled and replaced without effecting the Text Box content. You can then double-click the Text Box content and change it.

How to get text when mousing over image?

Hey there, I am extremely new to Flash, but know other Adobe programs so tend to learn quickly.
I desperately need to find out how to get text to pop up when i mouse over PART of the image and i havent been able to find any help online in the last two days (pulling my hair out in stress).
Now i uploaded a rough mock up i did on Photoshop, so you can see when i mouseover the top layer of the cake i need a line to stretch out and the text to pop up at the end of it. Similarly if i moused over the cherry another piece of text needs to come up in the same manor.
Also since i need it to be a website link so what format do i open it with when i go to FILE- NEW?
Honestly thank you so much in advance to anyone that helps

First you have to choose if you want to handle devices. If not and you want to stay in Flash I'll stick on topic.
In the HTML version you could either use a good old fashioned image map (they're still fine in the HTML5 era) or you could use a layering technique (here's a random layering example).
In Flash you can do it a few different ways. If you intend on keeping the image intact as a single object then you'll be essentially doing the same as an image map. You can draw invisible hitareas on the various parts of the object and have those areas trigger a specific function that will display your text. If you break up the image into the separate parts then you can directly assign those parts to fire off a function themselves.
First I'd like to know your desired direction.

Putting text on top of image

I'm sure I've done this before but I just can't remember how.
What I want to do is have an image with text over the top of it.
However, the image can not be a background image because it needs
to print. How do I do this?

On 22 Sep 2006 in macromedia.dreamweaver, CSI Bruce wrote:
> I'm sure I've done this before but I just can't remember
how. What I
> want to do is have an image with text over the top of
it. However,
> the image can not be a background image because it needs
to print.
> How do I do this?
There's no way that's really pretty. The easiest and most
expedient, if
it's not too much text, is to make it part of the image. Make
sure you
include the text in the alt attribute... Other than that, if
you're
using positioned divs, you can put the image in one div,
duplicate it,
give the duplicate a higher z-index, and put the text in the
higher z-
index div. Or if it's really an issue (does the background
/have/ to
print?) is to make it as a PDF.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php

How to make text appear underneath an image on rollover

Hi guys,
I woul really like to creat an effect like this site:
Showcase21
If you click on past and hover over an image, you get to see text underneath as well as the image in color.
Any thoughts on how I can make that in Muse?
Kind regards,
Lester

This can be done with the Composition Widget Tooltip Preset. The images would be created with the triggers, the text that appears would be the Target content for each.

How to add text to the carousel images ?

<%--
Copyright 1997-2010 Day Management AG
Barfuesserplatz 6, 4001 Basel, Switzerland
All Rights Reserved.
This software is the confidential and proprietary information of
Day Management AG, ("Confidential Information"). You shall not
disclose such Confidential Information and shall use it only in
accordance with the terms of the license agreement you entered into
with Day.
==============================================================================
Carousel component
--%><%@include file="/libs/foundation/global.jsp"%><%
%><%@ page import="java.util.Iterator,
                   java.util.LinkedHashMap,
                   java.util.Map,
                   com.day.cq.commons.Doctype,
                   com.day.cq.wcm.api.WCMMode,
                   com.day.cq.wcm.api.components.DropTarget,
                   com.day.cq.wcm.foundation.Image,
                   com.day.cq.wcm.foundation.List,
                   com.day.text.Text"
%><%@include file="/libs/foundation/global.jsp"%><%
    %><cq:includeClientLib js="cq.jquery"/><%
    String xs = Doctype.isXHTML(request) ? "/" : "";
    if (WCMMode.fromRequest(request) == WCMMode.EDIT) {
        //drop target css class = dd prefix + name of the drop target in the edit config
        String ddClassName = DropTarget.CSS_CLASS_PREFIX + "pages";
        %><div class="<%= ddClassName %>"><%
    // initialize the list
    %><cq:include script="init.jsp"/><%
    List list = (List)request.getAttribute("list");
    if (!list.isEmpty()) {
        // config options
        int playDelay = properties.get("playSpeed", 6000);
        int transTime = properties.get("transTime", 1000);
        // todo: make default designeable
        String controlsType = properties.get("controlsType", "bc");
        boolean showControls = "pn".equals(controlsType);
        if (showControls) {
            controlsType = "";
        } else {
            controlsType = "-" + controlsType;
        // first shove all slides into a map in order to calculate distinct ids
        Map<String, Slide> slides = new LinkedHashMap<String, Slide>();
        Iterator<Page> items = list.getPages();
        String pfx = "cqc-" + Text.getName(resource.getPath()) + "-";
        while (items.hasNext()) {
            Slide slide = new Slide(items.next());
            String name = pfx + slide.name;
            int idx = 0;
            while (slides.containsKey(name)) {
                name = pfx + slide.name + (idx++);
            slide.name = name;
            // prepend context path to img
            slide.img = request.getContextPath() + slide.img;
            slides.put(name, slide);
        %><div class="cq-carousel">
            <var title="play-delay"><%= playDelay %></var>
            <var title="transition-time"><%= transTime %></var>
            <%-- write the actual slides --%>
            <div class="cq-carousel-banners" >
                <c:forEach var="slide" varStatus="loop" items="<%= slides.values() %>">
                <div style="${loop.first ? "left: 0px; opacity: 1;" : "left: -1000px; opacity: 0;"}" id="${slide.name}" class="cq-carousel-banner-item">
                    <c:if test="${!empty slide.img}">
                        <a href="${slide.path}.html" title="${slide.title}">
                            <img src="/etc/designs/default/0.gif" style="background-image:url(${slide.img})" alt="${slide.title}"<%= xs %>>
                        </a>
                    </c:if>
                    <h3>${slide.title}</h3>
                    <p>${slide.desc}<br<%= xs %>>
                        <a href="${slide.path}.html">Read More</a>
                    </p>
                </div>
                </c:forEach>
            </div>
            <%-- defines the controls --%>
            <c:if test="<%= showControls %>">
                <div class="cq-carousel-controls">
                    <a class="cq-carousel-control-prev" href="#" style="display:none"></a>
                    <a class="cq-carousel-control-next" href="#" style="display:none"></a>
                </div>
            </c:if>
            <%-- write the switches, also needed when disabled --%>
            <div class="cq-carousel-banner-switches<%= controlsType %>">
                <ul class="cq-carousel-banner-switch">
                    <c:forEach var="slide" varStatus="loop" items="<%= slides.values() %>">
                        <li><a class="${loop.first ? "cq-carousel-active" : ""}" title="${slide.title}" href="#${slide.name}"><img src="/etc/designs/default/0.gif" alt="0"<%= xs %>></a></li>
                    </c:forEach>
                </ul>
            </div>
        </div><%
    } else {
        if (WCMMode.fromRequest(request) == WCMMode.EDIT){
            %><img src="/libs/cq/ui/resources/0.gif" class="cq-carousel-placeholder" alt=""><%
    if (WCMMode.fromRequest(request) == WCMMode.EDIT) {
        %></div><%
%><%!
     * Container class for slides
    public static final class Slide {
        private final Page page;
        private String img = "";
        private String title = "";
        private String name = "";
        private String desc = "";
        private String path = "";
        private Slide(Page page) {
            this.page = page;
            title = page.getTitle();
            desc = page.getDescription();
            if (desc == null) {
                desc = "";
            path = page.getPath();
            // currently we just check if "image" resource is present
            Resource r = page.getContentResource("image");
            if (r != null) {
                Image image = new Image(r);
                img = page.getPath() + ".img.png" + image.getSuffix();
            name = page.getName();
        public Page getPage() {
            return page;
        public String getImg() {
            return img;
        public String getTitle() {
            return title;
        public String getName() {
            return name;
        public String getDesc() {
            return desc;
        public String getPath() {
            return path;
%>

check example BCALV_GRID_08 if still with doubts , come back and i will try help you.

How add value text to top of bars in chart (CS3)

Is there any way to do this automatically or do I have to place them there manually?
Thanx!

> Certainly one could/ should re-create the graph tools as scripts one day for more flexibility.
> Still makes me wish someone got on to writing these scripts...
> I have no clue how to script for AI
Since you admit knowing nothing about scripting AI, what qualifies you to talk about what "someone should" do?
Not everything you imagine can be done with "a script." Not everything that could conceivably be done with "a script" is really practical to do with a script. Nor is everything that exists in the UI accessible to scripts.
JET

Text on top of an image in a component

How do I get text on top of an image in a component?
ImageIcon icon = new ImageIcon("foo.jpg");
JLabel label = new JLabel();
label.setIcon(icon);
// this prints next to, not on top of, the image
label.setText("Hello"); if I add this:
label.setHorizontalAlignment(SwingConstants.CENTER);
label.setVerticalAlignment(SwingConstants.CENTER);The text doesn't appear at all. I assume it is "underneath" the image.
null

if I add this:
label.setHorizontalAlignment(SwingConstants.CENTER);
label.setVerticalAlignment(SwingConstants.CENTER);The alignment methods determine the position of the component in the parent container, if the layout manager respects those values.
I believe you want:
JLabel label = new JLabel("Some Centered Text");
label.setIcon( new ImageIcon("???.jpg") );
label.setHorizontalTextPosition(JLabel.CENTER);
label.setVerticalTextPosition(JLabel.CENTER);

Fade in text link on top of image

Hi,
I am fairly new to flash so forgive me if this is an easy
question. I have a flash header that will be made up of an image
being faded in then out to be replaced by another image etc for up
to four images. I have been able to do this fairly easily but what
I would like to do next is when each image has fully faded in, I
then fade in some text on top of the image which will become a link
to a page on the site. Each of the four images will have different
text and links associated with it.
Anyone got any suggesstions on how I can achieve this look
and functionality ?
Cheers
Macca

Make the text a movieclip or a button. Then you can fade it
and use it as a button.

HTML text on top of productBranding image

Hi all,
I'm new to using UIX XML in JDeveloper 10g and was wondering how I could render HTML text on top of an image (i.e. the text is not part of the image.gif). I'm able to display text all around the image but not on top of it. I'm guessing that this can be done since it is one of the BLAF specifications for the Product Branding guides.
Having spent a couple of days looking through various related posts, I've yet to make any head way.
Cheers

Woohoo! Got it. Could have done it in the stylesheet as well!
<rowLayout>
<contents>
<cellFormat height="70" width="300">
<inlineStyle>
<property name="background-image">url(images/financial_collage.gif)
</property>
</inlineStyle>
<contents>
<styledText text="Product Information">
<inlineStyle>
<property name="font">Garamond
</property>
<property name="font-size">+24
</property>
<property name="color">#336699
</property>
</inlineStyle>
</styledText>
</contents>
</cellFormat>
</contents>
</rowLayout>

How to: Add Conistent Overlay/Text On Top of Picture Slideshow

Hello everyone - am fairly new to Keynote. I'm sure there is an easy way to do this just not sure how ...
I am putting together a picture slideshow as part of a presentation I am doing ... have a lot of pictures to cycle through ... maybe 100 ... anyhow, it is very easy to add all the pictures by dragging and dropping them and also to change all the transitions and timing at once ... it is a cinch!
However, I am struggling with a way to overlay a title/text on top of ALL the images (same logo/text for all of them). I have played around with creating my own "Master Slide" that has the text I want to display, however, the image always covers/blocks the text ... I noticed that I can enable something like "allow master slide to interact with the layers of the other slide material", however, I have to manually click each picture and "Send to the Back" in order to see my text/logo. This is a pain!
Is there an easier way to do this ?
Thanks,
Damon

In my experience, if you use a text box on a master and it's set to be a placeholder (or it's the actual Body box of the slide), then you put a media placeholder (photo placeholder) on the master slide, while the master will NOT let you put the text in front of the placeholder, on any actual slides that you make that use that master, the text shows up in FRONT of the placeholder. I put a placeholder on a slide and wanted it behind the bullets. It doesn't look that way on the master, but when you make a slide from it, sure enough, the photo is behind the bullet box.

How to make text start at the top of a page in livecycle 9

Hi, How can I get the text in a large text field to start at the top left of the field rather than at the center of the field? In addition, may one know how to make text wrap in the form as well?
Thanks,
David

To set the Text alignment properties use "Paragraph" pallet you can make it visible by selecting Window>>Paragraph or Shift+F5
And to allow text wrapping you need to select "Allow Multiple Lines" checkbox under "Object" pallet and "Field" tab. You can make Object pallet visible by selecting Window>>Object or Shift+F7.
Good Luck,

How can i NOT include top level keyword in the metadata of an image?

Hello,
I want to know how can i NOT include top level keyword in the metadata of an image. I know there is an option for not applying a keyword to an exported image, but is there an option for not applying the top level keyword to the actual image?
I have organized my geographical (by location) keywords like this:
Places
USA
New York
Miami
Spain.
If i add geographical keywords to all my images, all my images will have the keyword "Places", i dont think that it have any sence to have all your images with one keyword. How can i fix this? Any sugestion? i will appreciate it a lot any help or information that you could give me.
Excuse my english, i know it is not good. I hope that you could understand me.
Thanks,
Marcelo :)

Explicitly excluding a keyword only applies when "exporting". Unfortunately, there's currently no way to stop the keyword being written to the file when "Save Metadata to File" command is used. The natural reaction of users to this difference is to suggest that it is stupid. Nevertheless, there are good reasons why the difference exists:
1. "Export" creates a new file whereas "Save Metadata to File" writes the metadata back into the existing file.
2. There are very good reasons why certain keywords should not be written to file, and the example given in the OP is one. Saving metadata to file is more often used as means of backing up important image related metadata, independently of the catalog or allowing the metadata to be visible in other aplications. It would be rare that such a file would be shared with a third party, so the reason for not including certain keywords is less obvious. Actually, not including it can result in no end of confusion and grief. For example, if the top level (or any keyword) was excluded during the save metadata process then the other keywords would be orphaned when image is imported back into the catalog (e.g. buiding a new catalog).
The development team are aware of the need, in some circumstances, to exclude certain keywords when save metadata command is used. How and when the issue is resolved, without adding even more confusion/complexity, is some way off.

Converting Word to PDF: text doesn't show on top of image

I have a word 2013 document with text on top of an image. When I convert to PDF with Acrobat Standard XI the image covers the text.
Here is the page in Word:
and here in Acrobat:
Any help would be appreciated!

I have only used Acrobat Pro, not Standard. Does Standard have a Content Pane? If so, I would try selecting each content element on the page till I found the image, and drag it above the text elements in the content order.
Hope this helps.
a 'C' student

How to epub text on top of images.

Similar Messages

Maybe you are looking for