Z-index-- image fixed/ text mobile

I'm a web developer student with 5 classes left before
graduation (with honors) and I've come to realize...I'm really not
ready for the workforce! GRRRR
I have a layer question. My page setup is as follows;
z-index 1 or 'OuterPanel' is position absolute, width and
height 100% // covers the full screen
z-index 2 is my 'WorkArea' relative, margin-left/right auto,
750px by 750px// keeps the active content centered
z-index 3 (which sets inside of z-index 2) includes multiple
div's that hold my positioning for text and pics.//absolute--fixed
to the 'WorkArea' --centered.
My question is, with this setup, can I lock a pic in position
(z-index 3) and still scroll text on the same z-index. I realize
that I can lock a background image in place, but I can seem to get
full control with image location when changing monitor size. Any
thoughts?

> Any thoughts?
Sure - there are much easier ways to get centering pages,
none of which
involve the use of positioning at all. In fact, I see nothing
in your
requirements that would suggest the use of positioning.
> I want to be able to scroll
> the text down without the header or the pic moving.
The only way to reliably get this would be to use frames.
> I know that frames would fix
> this, but I've been told that frames are a security risk
and may not be
> supported by future versions of IE.
That's complete claptrap. Frames are NOT a security risk, and
there is no
suggestion (even a remote one) that any browser will not
support them.
Frames are a complete pain in the ***, for both you and your
client, but
they are not what you have suggested.
As far as I know, the most comprehensive discussions of
frames and their
potential problems can be found on these two links -
http://apptools.com/rants/framesevil.php
http://www.tjkdesign.com/articles/frames/
Thoughts? I would discard the idea of achieving the 'fixed'
image and menu.
People are quite comfortable with scrolling to get to those
things.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"bnther" <[email protected]> wrote in
message
news:[email protected]...
> Walt,
> Thanks for the feedback.
>
> ACE,
> My goal is ensure that an area of about 750px by 750px
stay centered no
> mater
> what the size of the monitor. I've seen too many
websites that are stuck
> to
> the left. They look alright on my 17" but not so hot on
my 22" wide
> screen.
>
> On this 750px by 750px 'WorkArea', I have a header with
a drop down menu,
> I
> have pic to the right and some text to the left. I want
to be able to
> scroll
> the text down without the header or the pic moving. As
it stands now, the
> entire page moves and I loose my drop down menu. I know
that frames would
> fix
> this, but I've been told that frames are a security risk
and may not be
> supported by future versions of IE.
>
> Any thoughts?
>

Similar Messages

  • Dreamweaver CC - Rollover image to text transition for Fluid page css/html5

    Hi All,
    I am using Dreamweaver CC, Windows 7, PC.
    Goal: To create a selectable text and colour overlay (not a second image with text in the image) that appears over the top of an image on rollover of the container that the image is located in, all inside a fluid page.  Also I would like to avoid jquery and javascript if it's possible.
    Please see the attached HTML5, CSS and 300x300jpg example of this page which should show what i'm trying to do, as you can see currently the text sits below the image on mouse hover and should be fitting nicely inside the image box.  I will replicate this through all the images once I have it working correctly also.  Please note the page fluid scaling at different sizes as I need the rollover to work at whatever size the window or device is.
    Thank you in advance for any answers, ideas, work arounds etc you may have or if i've missed this specific scenario covered elsewhere?
    Here is the HTML (apologies for my messy code):
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <link href="../boilerplate.css" rel="stylesheet" type="text/css">
    <link href="../Website_Testing/style.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="../respond.min.js"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <article id="article" class="fluid">
        <div id="Examples" class="fluid">
          <div id="example1" class="fluid">
              <img src="images/300x300.jpg" alt=""/>
              <span class="text">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span>
          </div>   
          <div id="example2" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
          <div id="example3" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
          <div id="example4" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
        </div>
      </article>
    </div>
    </body>
    </html>
    Here is the CSS (apologies for my messy code):
    @charset "utf-8";
    img, object, embed, video {
        max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
        width:100%;
    .fluid {
        display: block;
        text-align: center;
        clear: none;
        float: none;
    .fluidList {
        list-style:none;
        list-style-image:none;
        margin:0;
        padding:0;       
    /* Mobile Layout: 480px and below. */
    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        clear: none;
        float: none;
    #article {
        min-height: 160px;
        margin-left: 0;
        padding-left: 5%;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 5%;
        background-color: rgba(255,254,191,1.00);
    #Examples {
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    .zeroMargin_mobile {
    margin-left: 0;
    .hide_mobile {
    display: none;
    #Examples #example1 {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: auto;
    #Examples #example2    {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: auto;
    #Examples #example3 {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: auto;
    #Examples #example4 {
        padding-top: 5%;
        padding-bottom: 5%;
        display: block;
        width: auto;
    .text {
        position: relative;
        display: none;
        background: #999;
        background: rgba(0,0,0,0.3);
        text-align: center;
        top: 0px;
    #example1:hover .text {
        display: block;
        background-color: rgba(12,109,242,1);
    #example1 {
        -webkit-transition: all 0.35s ease-in-out 0s;
        -o-transition: all 0.35s ease-in-out 0s;
        transition: all 0.35s ease-in-out 0s;
    #example1:hover {
        background-color: rgba(12,242,109,1.00);
    #example2 {
        -webkit-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    #example2:hover {
        background-color: rgba(12,242,109,1.00);
    #example3 {
        -webkit-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    #example3:hover {
        background-color: rgba(12,242,109,1.00);
    #example4 {
        -webkit-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    #example4:hover {
        background-color: rgba(12,242,109,1.00);
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 481px) {
    .gridContainer {
        width: 100%;
        margin-left: auto;
        min-height: 100%;
    #Examples {
        text-align: center;
        min-height: 640px;
    .hide_tablet {
    display: none;
    .zeroMargin_tablet {
    margin-left: 0;
    #Examples #example1 {
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        width: 46%;
    #Examples #example2 {
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        width: 46%;
    #Examples #example3 {
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        width: 46%;
    #Examples #example4 {
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        width: 46%;
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width: 769px) {
    .gridContainer {
    #article {
        margin-left: 0;
    #Examples {
        text-align: center;
    .zeroMargin_desktop {
    margin-left: 0;
    .hide_desktop {
    display: none;
    @media only screen and (min-width:1024px){
    #article #Examples #example1 {
        width: 23%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 16px;
        padding-bottom: 16px;
    #article #Examples #example2 {
        width: 23%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 16px;
        padding-bottom: 16px;
    #article #Examples #example3 {
        width: 23%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 16px;
        padding-bottom: 16px;
    #article #Examples #example4 {
        width: 23%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 16px;
        padding-bottom: 16px;
    #Examples {
        min-height: 340px;
    And here is a 300x300 grey image i'm using as an example holder:
    Thanks for taking the time all,
    Jeff

    Try this in a new, blank document:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 with Pure CSS Rollovers</title>
    <style>
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    body {
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size:100%;
    #rollover a {
    display: inline-block;
    position: relative;
    margin-right: 2%;
    text-decoration: none;
    color: #FFF;
    #rollover a span {
    display: block;
    visibility: hidden;
    background-color: #3CC;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight:bold;
    line-height: 1.2;
    color: #FFF;
    text-align: center;
    border: 5px solid orange;
    padding: 5px;
    width: 200px;
    min-height: 125px;
    #rollover a:hover span,
    #rollover a:active span,
    #rollover a:focus span { visibility: visible; }
    #rollover a:hover,
    #rollover a:focus { visibility: visible; }
    </style>
    </head>
    <body>
    <div id="rollover">
    <p>
    <a href="#"><img alt="description" src="http://placehold.it/200x125">
    <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi!
    Maecenas quis velit nisl, volutpat viverra felis. </span></a>
    <a href="#"><img alt="description" src="http://placehold.it/200x125">
    <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi!
    Maecenas quis velit nisl, volutpat viverra felis. </span></a>
    <a href="#"><img alt="description" src="http://placehold.it/200x125">
    <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi!
    Maecenas quis velit nisl, volutpat viverra felis. </span></a>
    <a href="#"><img alt="description" src="http://placehold.it/200x125">
    <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Mauris vitae libero lacus, vel hendrerit nisi!
    Maecenas quis velit nisl, volutpat viverra felis. </span></a>
    </p>
    <!--end rollover--></div>
    </body>
    </html>
    Nancy O.

  • Images Behind Text in RTF Template

    While creating a few rtf templates, I noticed that if an image is to be shown behind text then the image will not render to back to .rtf by bi pub.
    If I put the image inline with text, it renders just fine.
    Am I missing a step that would allow me to render the image behind text or is it just working as intended?
    Oracle BI Publisher 10.1.3.4.1
    Thank you.
    Edited by: Crawler409 on Dec 17, 2010 2:49 PM
    Edited by: Crawler409 on Dec 17, 2010 2:50 PM

    Hi
    Can you pl. send me the RTF template and sample XML. I will try to fix the template.
    Thx
    chundi ([email protected])

  • Problem with images and text displaying correctly

    I don't really know how to explain this problem and I had two screenshots ready to upload to show the before and after but we apparently can't upload photos now...SOOOO I will try my best.
    The issue began when I got a new computer at work (Windows 7 instead the Windows XP everyone else has) and was/is present for me in InDesign CS2 and since we were planning on updating to CS5, I figured that having an updated version would fix whatever issue it was. That was a wrong assumption unfortunately.
    When I open any document, all images and text are displayed properly until I scroll up/down or side-to-side and NOT using the scroll wheel for up/down. This is probably so confusing and I'm sorry I can't describe it better...the mouse I use has two programmable buttons that I set to coast up and down and to go side-to-side I can push the scroll wheel to one side or the other and it coasts that direction. When I do either of those things, the text looks like it is permanently greeked and the images look....weird lol like they are in 16 bit or something like that. To fix the problem in CS2, I have to click and hold on a text block until I am able to adjust text so that I can see it adjust in real-time. In CS5, I have to do the same basic thing except I don't have to click and hold as it does that by default (awesome feature btw!!)
    I have already updated my graphics card driver (Nvidia 9400 GT 1GB) and my processor driver (Intel Core2Duo 3.0ghz) and I have 4GB of RAM. I tried updating both CS2 and CS5 but both are updated already. I've also tried doing the whole inx. export and cleaning the preferences file or whatever that is called. Nada. If someone thinks they can help me, I can send them the two images I was going to upload here. Email me at justgeig (at) gmail (dot) com Thanks in advance!

    maybe greeked isn't the right word...i don't know how to explain it
    here is the correct view. It is much more noticable when the whole document shows this.

  • Error while uploading images to SAP Mobile Documents from iPad application using ObjectiveCMIS.

    Hi,
    I am getting the error while uploading images to SAP Mobile Documents from custom iOS(iPad )application using ObjectiveCMIS library.
    My Custom method is as follows:
    - (void)createSalesOrderRouteMapImageInFolder:(NSString*)salesOrderRouteMapFolderId routeMapImageTitle:(NSString *)imageTitle routeMapContent:(NSData *)imageData
        NSInputStream *inputStream = [NSInputStream inputStreamWithData:imageData];
        NSMutableDictionary *properties = [NSMutableDictionary dictionary];
        [properties setObject:[NSString stringByAppendingFileExtension:imageTitle] forKey:@"cmis:name"];
        [properties setObject:@"cmis:document" forKey:@"cmis:objectTypeId"];
        [self.session createDocumentFromInputStream:inputStream
                                           mimeType:@"image/png"
                                         properties:properties
                                           inFolder:salesOrderRouteMapFolderId
                                      bytesExpected:[imageData length]
                                    completionBlock:^(NSString *objectId, NSError *error) {
                                        NSLog(@"Object id is %@",objectId);
                                        if(error == nil) {
                                            [inputStream close];
                                            NSLog(@"Uploading Sales order route map successfully.");
                                            [[NSNotificationCenter defaultCenter] postNotificationName:SaveOrderSuccessNotification object:nil];
                                        } else {
                                            [inputStream close];
                                            NSLog(@"Uploading sales order route map failed.");
                                            [[NSNotificationCenter defaultCenter] postNotificationName:SaveOrderFailedNotification object:error];
                                    } progressBlock:^(unsigned long long bytesUploaded, unsigned long long bytesTotal) {
                                        NSLog(@"uploading... (%llu/%llu)", bytesUploaded, bytesTotal);
    OBjectiveCMIS Method in which i am getting error during upload:
    - (void)sendAtomEntryXmlToLink:(NSString *)link
                 httpRequestMethod:(CMISHttpRequestMethod)httpRequestMethod
                        properties:(CMISProperties *)properties
                contentInputStream:(NSInputStream *)contentInputStream
                   contentMimeType:(NSString *)contentMimeType
                     bytesExpected:(unsigned long long)bytesExpected
                       cmisRequest:(CMISRequest*)request
                   completionBlock:(void (^)(CMISObjectData *objectData, NSError *error))completionBlock
                     progressBlock:(void (^)(unsigned long long bytesUploaded, unsigned long long bytesTotal))progressBlock
        // Validate param
        if (link == nil) {
            CMISLogError(@"Must provide link to send atom entry");
            if (completionBlock) {
                completionBlock(nil, [CMISErrors createCMISErrorWithCode:kCMISErrorCodeInvalidArgument detailedDescription:nil]);
            return;
        // generate start and end XML
        CMISAtomEntryWriter *writer = [[CMISAtomEntryWriter alloc] init];
        writer.cmisProperties = properties;
        writer.mimeType = contentMimeType;
        NSString *xmlStart = [writer xmlStartElement];
        NSString *xmlContentStart = [writer xmlContentStartElement];
        NSString *start = [NSString stringWithFormat:@"%@%@", xmlStart, xmlContentStart];
        NSData *startData = [NSMutableData dataWithData:[start dataUsingEncoding:NSUTF8StringEncoding]];
        NSString *xmlContentEnd = [writer xmlContentEndElement];
        NSString *xmlProperties = [writer xmlPropertiesElements];
        NSString *end = [NSString stringWithFormat:@"%@%@", xmlContentEnd, xmlProperties];
        NSData *endData = [end dataUsingEncoding:NSUTF8StringEncoding];
        // The underlying CMISHttpUploadRequest object generates the atom entry. The base64 encoded content is generated on
        // the fly to support very large files.
        [self.bindingSession.networkProvider invoke:[NSURL URLWithString:link]
                                         httpMethod:httpRequestMethod
                                            session:self.bindingSession
                                        inputStream:contentInputStream
                                            headers:[NSDictionary dictionaryWithObject:kCMISMediaTypeEntry forKey:@"Content-type"]
                                      bytesExpected:bytesExpected
                                        cmisRequest:request
                                          startData:startData
                                            endData:endData
                                  useBase64Encoding:YES
                                    completionBlock:^(CMISHttpResponse *response, NSError *error) {
                                        if (error) {
                                            CMISLogError(@"HTTP error when sending atom entry: %@", error.userInfo.description);
                                            if (completionBlock) {
                                                completionBlock(nil, error);
                                        } else if (response.statusCode == 200 || response.statusCode == 201 || response.statusCode == 204) {
                                            if (completionBlock) {
                                                NSError *parseError = nil;
                                                CMISAtomEntryParser *atomEntryParser = [[CMISAtomEntryParser alloc] initWithData:response.data];
                                                [atomEntryParser parseAndReturnError:&parseError];
                                                if (parseError == nil) {
                                                    completionBlock(atomEntryParser.objectData, nil);
                                                } else {
                                                    CMISLogError(@"Error while parsing response: %@", [parseError description]);
                                                    completionBlock(nil, [CMISErrors cmisError:parseError cmisErrorCode:kCMISErrorCodeRuntime]);
                                        } else {
                                            CMISLogError(@"Invalid http response status code when sending atom entry: %d", (int)response.statusCode);
                                            CMISLogError(@"Error content: %@", [[NSString alloc] initWithData:response.data encoding:NSUTF8StringEncoding]);
                                            if (completionBlock) {
                                                completionBlock(nil, [CMISErrors createCMISErrorWithCode:kCMISErrorCodeRuntime
                                                                                     detailedDescription:[NSString stringWithFormat:@"Failed to send atom entry: http status code %li", (long)response.statusCode]]);
                                      progressBlock:progressBlock];
    Attaching the logs:
    ERROR [CMISAtomPubBaseService sendAtomEntryXmlToLink:httpRequestMethod:properties:contentInputStream:contentMimeType:bytesExpected:cmisRequest:completionBlock:progressBlock:] HTTP error when sending atom entry: Error Domain=org.apache.chemistry.objectivecmis Code=260 "Runtime Error" UserInfo=0x156acfa0 {NSLocalizedDescription=Runtime Error, NSLocalizedFailureReason=ASJ.ejb.005044 (Failed in component: sap.com/com.sap.mcm.server.nw) Exception raised from invocation of public void com.sap.mcm.server.service.AbstractChangeLogService.updateChangeLog(java.lang.String,boolean) throws com.sap.mcm.server.api.exception.MCMException method on bean instance com.sap.mcm.server.nw.service.NwChangeLogService@4e7989f3 for bean sap.com/com.sap.mcm.server.nw*annotation|com.sap.mcm.server.nw.ejb.jar*annotation|NwChangeLogService in application sap.com/com.sap.mcm.server.nw.; nested exception is: javax.ejb.EJBTransactionRolledbackException: ASJ.ejb.005044 (Failed in component: sap.com/com.sap.mcm.server.nw) Exception raised from invocation of public com.sap.mcm.server.model.ChangeLog com.sap.mcm.server.dao.impl.ChangeLogDaoImpl.findByUserId(java.lang.String) method on bean instance com.sap.mcm.server.dao.impl.ChangeLogDaoImpl@2852b733 for bean sap.com/com.sap.mcm.server.nw*annotation|com.sap.mcm.server.nw.ejb.jar*annotation|ChangeLogDaoImpl in application sap.com/com.sap.mcm.server.nw.; nested exception is: javax.persistence.NonUniqueResultException: More than 1 objects of type ChangeLog found with userId=25f8928e-8ba0-4edd-b08e-43bf6fb78f1a; nested exception is: javax.ejb.EJBException: ASJ.ejb.005044 (Failed in component: sap.com/com.sap.mcm.server.nw) Exception raised from invocation of public com.sap.mcm.server.model.ChangeLog com.sap.mcm.server.dao.impl.ChangeLogDaoImpl.findByUserId(java.lang.String) method on bean instance com.sap.mcm.server.dao.impl.ChangeLogDaoImpl@2852b733 for bean sap.com/com.sap.mcm.server.nw*annotation|com.sap.mcm.server.nw.ejb.jar*annotation|ChangeLogDaoImpl in application sap.com/com.sap.mcm.server.nw.; nested exception is: javax.persistence.NonUniqueResultException: More than 1 objects of type ChangeLog found with userId=25f8928e-8ba0-4edd-b08e-43bf6fb78f1a}
    2015-03-12 04:08:31.634 Saudi Ceramics[4867:351095] Uploading sales order route map failed.

    Hi Sukalyan,
    Have you checked the below links?
    These will give you step by step implementation procedure.
    http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/a099a3bd-17ef-2b10-e6ac-9c1ea42af0e9?quicklink=index&overridelayout=true
    http://wiki.sdn.sap.com/wiki/display/WDJava/KmuploadusingWebdynproapplication
    Regards,
    Sandip

  • CS3: how to create action to add fixed text of foreground color, etc.

    I'm trying to create an action and/or brush preset(?) that will:
    1) Add a fixed text string in the forground color, consistent font, size, etc.
    2) Apply a consistent Layer Style -> Bevel and Emboss setting
    3) Allow me to move the text to whatever position
    4) Change text layer opacity
    5) Flatten
    At some point in the past when searching the internet I came upon a description of how to create a brush preset (I think that was it) that did at least most of this, but somehow I seem to have lost the preset and don't know how to recreate it.
    thanks,
    Mike

    j_m_d wrote:
    I'm trying to create an action and/or brush preset(?) that will:
    1) Add a fixed text string in the forground color, consistent font, size, etc.
    2) Apply a consistent Layer Style -> Bevel and Emboss setting
    3) Allow me to move the text to whatever position
    4) Change text layer opacity
    5) Flatten
    At some point in the past when searching the internet I came upon a description of how to create a brush preset (I think that was it) that did at least most of this, but somehow I seem to have lost the preset and don't know how to recreate it.
    thanks,
    Mike
    First it is And/or you can create both or one or the other. For in actions  and scripts you can not automate the use of a brush.
    1) Add a fixed text string in the forground color, consistent font, size, etc.
        Easy if all images are the same size and a little more work if image size vary for you will need to scale the image.
        If you want to scale the image back to it original scale at the end of the action you need to use a little script in the action. .
    2) Apply a consistent Layer Style -> Bevel and Emboss setting
        Again easy if aoo images are the same size not posible if images vary in size for many setting in layer style are in absolute pixel size.
        However layer styles will look good for a range of images sizes like Print Size or thunbnail size or small web sizes.
        Therfore I create actions for print size images and work full size. if I need smaller image I work full size and resize before output.
    3) Allow me to move the text to whatever position
         This is quite easy to do in an action you simply add an interactive transform step after adding the text layer.
         However this is not a good idea if you want to batch the action. Interactive sort of defeats batch.
         With an action it is easy to posion a layer.
    4) Change text layer opacity
        Simply change the added text layers opacity and or fill and it will be recorded.
    5) Flatten
        Simple just record it I don't like actions that flatten though. If you give your action to some and the use it on an image the did a lot of work on the may get very upset the your acrion flatten all their work.
    Have a look at my Crafting Actions Package it cantains a sample action that add a text copyright layer to any size image.
    Package Contains
    Action Actions Palette Tips.txt
    Action Creation Guidelines.txt
    Action Dealing with Image Size.txt
    Action Enhanced via Scripted Photoshop Functions.txt
    CraftedActions.atn Sample Action set includes an example Watermarking action
    Sample Actions.txt Photoshop CraftedActions set saved as a text file.
    12 Scripts for actions
    Example
    Download

  • I can't rotate images or text with two fingers on my trackpad.

    I have the most recent version of Keynote, using iOS 10.9.1 and a bluetooth trackpad.  Everything was working fine with the various gestures and now the rotation (two finger twisting) won't rotate images or text boxes.  Anybody else having this issue?  Any fixes you've seen that work?
    I've turned my bluetooth trackpad on/off.  I've checked my trackpad preferences checked/unchecked/checked.  Nothing seems to work.

    give gesture back please as soon as possible!!!

  • EPub Scanned Images without Text Flow

    I am working on an ebook that has lots of complex illustrations, tables, captions. Scanning the images by converting them to JPEG is needed in order for the illlustrations and text to not move. Text flow is an option that I will not be able to offer.
    How do I create an ePub book with scanned images without text flow. I did it once, but cannot remember how to do it.

    TabulaMentis wrote:
    The ePub version of the ebook will have a fixed layout without text flow. You mentioned that I buy someone's book, but this is a simple question. Why does InDesign not make it easy to convert an InDesign CS5.5 file into an ePub file with fixed images without text flow. Amazon and Google have lots of those types of ebooks in ePub format for sale with fixed images without text flow?
    Because if you read anything about creating EPUB files, you'll find that that's NOT how they're intended to be used.
    For example, in the first paragraph of the Wikipedia article about EPUB, you'll read:
    "EPUB is designed for reflowable content, meaning that the text display can be optimized for the particular display device used by the reader of the EPUB-formatted book. The format is meant to function as a single format that publishers and conversion houses can use in-house, as well as for distribution and sale."
    So that's why InDesign exports EPUB the way it does.

  • Image based Text Search

    I created a table which contains four columns namely article_id,format,title and text(Blob column which stores documents and images).
    I uploaded the following file types into the BLOB column using SQL * Loader.
    1. PDF document
    2. GIF image
    3. JPG image
    4. DOC document
    5. TXT text file etc.,
    I created the index using the following
    CREATE INDEX TXT_INDEX ON TXT_TABLE(text)
    INDEXTYPE IS ctxsys.context;
    When I try to search for an text inside these documents, it works fine for PDF,DOC,TXT file types. If the same text appears anywhere in GIF or JPG image it is not retrieving it.
    Can you please help me out in this. It is urgent.
    Thanks in advance.
    Regards
    Raj

    The text searching component (interMedia Text) does not index images.

  • When have multiple layers, move images and text all starting from background layer

    Greetings
    I have an image that has some 24 layers, many of these are text.  When trying to move the images and text all on the same layer yesterday, I ran into problems, but eventually fixed by moving these items starting from the background layer, by using Ctrl\Move. 
    This worked so well that I thought I would show my fellow learners at our regular Friday session on Elements 11 at SeniorNet.  However when I went to show them I could move easily and freely on the background layer - without using Ctrl, just the move tool.  Elements simply moved very quickly from the background layer to the relevent layer with the image or text (as before ?).
    Cannot understand why I could not do that in the first place at home, but I had lots of tries there.  What circumstances could have been different ?

    Did you have "Auto Select Layers" ticked on the tool's option bar?
    It is not clear to me what the ultimate goal of your demonstration is. You can combine  the 24 layers into one layer (referred to as stamp visible layer) without flattening the layer structure. To do this, do the following:
    Open a blank layer at the top of the stack of layers in the layers palette
    Press CTRL+ALT+SHIFT+E on the keyboard
    You can work on this stamp visible layer. The layers below will not be impacted. If you don't like what you have done, simply delete the stamp visible layer, then start over.

  • Image with text

    I have created an image with text (map with town names). The
    text is 12px Verdana bold. When I export to a gif (only a few
    colors) and show on a page I want to get the text to show clear
    when the page is resized. But it does not it becomes more obscure
    as it gets smaller. I have the image which I have styled
    {width:100%;height:100%;} to stop the image expanding the td it's
    in.
    Can anyone advise how best to achieve good font clarity in
    images that may be resized?
    thanks.

    ROGM wrote:
    > Can anyone advise how best to achieve good font clarity
    in images that may be
    > resized?
    Use Flash format, which is scalable. GIF's are not scalable.
    Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
    http://www.projectseven.com
    Fireworks Newsgroup:
    news://forums.projectseven.com/fireworks/
    CSS Newsgroup: news://forums.projectseven.com/css/
    http://www.adobe.com/communities/experts/

  • Error: This page has graphics other than images or text on it

    I recently upgraded to Adobe Acrobat 9 Pro, and I am experiencing a problem
    with OCR text recognition.
    If I use "Create PDF from Scanner" or "Create PDF from file" (using a
    monochrome TIFF image) to create a PDF, I can then perform OCR on the PDF
    file in Acrobat.
    But if I open a monochrome TIFF image in some other program (Irfanview) and
    print that to the Adobe PDF printer, then open that PDF in Acrobat and try
    to perform OCR on it, I get the following message:
    "Acrobat could not perform recognition (OCR) on this page because: This page
    has graphics other than images or text on it. It cannot be captured."
    If I select the scanned image in the PDF file using the TouchUp Object tool,
    and then cut it to the clipboard, I am then able to then select a second
    blank object on the page, that has the same dimensions as the scan (it is
    full page size). If I delete that object, then paste the first one back in
    (the scanned image), then OCR will work. So what is this additional object
    that is preventing OCR? I did not have this issue with versions 4-8 of
    Acrobat.
    Also, this problem appears to only pertain to 1-bit monochrome images. I
    scanned the same page to 8-bit grayscale, then printed that to Adobe PDF
    from Irfanview, and that PDF file allows OCR to be performed. Does anyone
    else have a problem using OCR when the PDF was created by printing a
    monochrome raster image to PDF?

    Not sure this will work for indesign, but for any other searches about the OCR problem with "This page has graphics other than images or text on it", I used this workaround for a huge scanned text that Acrobat 9 Pro wouldn't OCR:
    1. Save As.... > TIFF image
    This saved each page as a tiff, so if your file is big, you might want to create a special folder for it. (I had 1100 pages!)
    2. Open the folder with the TIFF images.
    3. Select all files.
    4. Right-click > Open with.... > Choose.... > Other.... > Acrobat
    5. Popup will ask if you want to open all files in a single document. Obviously a good choice for 1100 pages.
    6. After the new PDF generates, save it.
    7. Document > OCR --- should work now.
    8. If it does, don't forget to delete the folders with the TIFFs.
    Hope that helps someone.

  • How do I save image and text as a single image in InDesign CS5.0?

    How do I save an image and text as one image in InDesign CS5.0? NOT 5.5.
    I need to save the image as a 72-dpi, jpg file for ePub purposes. I designed a book and am handing it off to someone for ePub.
    This is what I've tried:
    1) Copied from InDesign, pasted into a PhotoShop doc as a Smart Object. Saved it as 72 dpi jpg, then imported back into ID.
    2) Took a screenshot of ID page, placed it in PS, saved as 72 dpi, imported into ID
    3) Saved page as a PDF from InDesign, then saved PDF as 72 dpi jpg, then imported into ID.
    4) Save page as a PDF from InDesign, placed into Photoshop and saved
    as 72 dpi, then imported into ID.
    5) Saved as an EPS from InDesign, placed in PS, then imported back to ID.
    In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
    HELP!!!

    In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
    Naturally what you did will result in rasterized text. Did you preview with high quality settings?
    Are you sure the people who will handle that downstream need pixel images and do you have the exact pixel dimensions needed?
    Why did you place the image back in Indesign, by the way? 

  • I have a Flash Sample to rotate images and text but I not find a way to display special characters

    Hello everyone.
    I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
    I've posted here, a complete copy, so any of you can download, view and use it freely.
    I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
    In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
    If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
    After all compressed in .zip format is a very small file: 430K.
    Click here to download the complete sample.
    Thanks.
    =====================================
    Translated using http://translate.google.es
    =====================================

    Hello Rinus,
    If I understood your last post correctly, then problem 2 is resolved, right?
    Regarding problem 3:
    I'm not asking you to share exact VIs.
    I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
    The terminology you're using isn't clear to me without an extra explanation.
    This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
    Based on the first post it is not clear to me what you mean with:
    - A "button element":
      Are you talking about a control, an indicator, a cluster that contains multiple control?
    - The structure:
      Is this an event structure, case structure, for loop, ...?
    Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
    Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
    This will allow me to help you and also allow me to guide you along the right path.
    Kind Regards,
    Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
    CLD, CTA
    If someone helped you, let them know. Mark as solved and/or give a kudo.

  • Looking for an app where i can draw images then text them?

    Looking for an app where I can draw images then text them?

    Just write Draw into the MAS searchbox in the upper right corner and you will be presented with a plethora of drawing/sketching apps of varying abilities and pricing.

Maybe you are looking for

  • Duplicate Entries

    Greetings, I'm seeing duplicate entries on calendar items. My wife entered some events on her calendar (on her Mac mini) this morning and they are showing up twice (exact same event @ same day/time) on my iMac when I view her subscribed calendar. The

  • How to make link between xcelsius components with sap data using Web servic

    Hi all, I have a doubt regarding connection between Xcelsius components and SAP data. I created one Web service using Function module and made a connection between xcelsius and that web service using binding URL. It shows imput and output parameters

  • MAC OS 10.5.2 Cannot Be Installed on this Computer-Help!

    My Hard Drive recently failed. I was able to use Disk Warrior to recover my files and I am now ready to re-install MAC OS X using the installation disc that came with my MacBook. I inserted Install disc 1 and the Mac OS X Installer began. It asked fo

  • Spotlight indexes and then doesn't find folders.  Need boolean folder search by name.

    I have re-indexed (via adding and removing from the list at " ▹ System Preferences ▹ Spotlight ▹ Privacy") an external HD twice, and still Spotlight fails to return positive hits on many Finder folders.  (I've even watched the indexing progress in t

  • Can I import my .xmp adjustments into LR5's catalog?

    I have only recently installed LR5.  I have many raw files I have adjusted using ACR and PS CS6.  Is there a way to import those adjustments from the .xmp sidecar files into LR5's catalog?