How do I place a transparent image over specific, centered text?

I'm helping someone with a site that flows sales copy down the center of the browser window. We want to take a transparent oval and place it over a price that will be in the copy. (It would look like someone took a marker and circled the price.)
I had learned that AP Div could solve this problem and, to an extent, it does. I can place the oval right over the price. But it only works when the copy is left justified, not centered. If the copy is centered, I can place the oval, but if the browser window is resized, the oval stays in place while the copy is reflowed to the new browser window size. Thus the oval is no longer over the correct text.
Then I learned that Layout Mode might solve this problem, however that has been removed from CS4.
So now my question is how do I to take a transparent .png file and place it over copy on this site so that if the browser window is resized, the .png file stays with the correct text as the text is "moved" to stay in the center of the brower window?
I want to avoid the workaround of simply creating a .png with the oval and the price and inserting that in the middle of the copy at the appropriate place. There must be a better way to handle this. Not being too familiar with Dreamweaver, maybe there's some sort of Anchor function similar to one in InDesign that solves this issue.
I've attached the simple oval .png file we're trying to use for this.
Thanks in advance for any help.

How about having the circle underneath the text? I know it's a compromise, but it will be much easier to do as you can assign a background image to the div or table cell which holds the text.
For example, make a blank graphic and create a class:
.price
    background-image: url(nocircle.png);
then assign it to the text and give each text div a unique name
<div class="price" id="price1">10.99</div>
then you can turn the background image on and off using Dreamweaver's javascript controls, for example:
onclick="MM_changeProp('price1','','background-image','url(circle.png)','DIV');"
Hope that helps.
Peter

Similar Messages

  • How do I place a still photo over a video?

    How do I place a still photo over a video, where the sound keeps steady, but the still photo replaces the videos image for a duration?
    I've got one placed and it's working great, but can't remember how I did it.  I've tried everything.  I'm working with iMovie 08'.
    It appears like a music item in my project window, a thin blue filled line with the duration in it, just above the video and I can adjust the length of time the still is displayed.  (Just like an audio/sound clip)  The audio is uninterrupted.
    Can anyone help me?  Thank you!
    Oh... my email is no longer [email protected]
    I using [email protected]
    I can't figure out how to change my email address in here or if it is possible...

    switch-ON the Advanced Tools in iMovie's prefs.
    drag your still onto the clip until the cursor gets a Green Plus Sign and choose Cutaway
    Ghary Bowlin wrote:
    .... I can't figure out how to change my email address in here
    you shouldn't post your eMail here anyhow.
    this is a board - no 1on1 support

  • How can one place a single image on a spread? CS3-MAC

    Hi all,
    i How can one place a single image on a spread? CS3-MAC
    A very straight forward question I think. I just never did it before. Anyone knows of a fast technique of doing this? I have to make 70+ images this way. Could it be scripted?
    thanx in advance
    Michael

    You'll need to be more specific. Placing a single image on one spread is drop-dead simple. File > Place, choose file, click (or click-and-drag) to place, scale and position as desired. You can ask about scripting in the
    scripting forum.
    You might not need to script this to get efficient use of time. Make a picture frame on the master spread and then insert 140 pages (70 2-page spreads) based on that master. File > Place, and select all 70 files. (They need to be in one folder. Click on the top file, scroll down, lick on the bottom file.) Zoom out and click once on each spread to place each image. Should work faster that writing, testing, debugging, and running a script.

  • How do I place a fixed image and show it between two pages like the Global on Page 3 (LOE)?

    How do I place a fixed image and show it between two pages like the Global on Page 3 (LOE)?

    Ohoh, I do think so. It's the trick. Thanks
    BTW, How about including a widget within real time RSS feed?

  • How do I create a transparent image (cutout) on top of a solid one?

    Hello. I am trying to use Pathfinder>Minus front to create transparent rays over text outlines, but am having trouble. Here is a link to how it should appear: http://graphicmechanic.com/IMAGES/ingen.png. It's nearly exactly how I'd like it to look but i just want it so that when I put the graphic on an image the rays don't show up as white but are instead transparent.

    So you want them transparent or just gone?
    If the latter:
    Make a compound path from the rays, then copy the text shape and paste in front of all (it's outlined, isn't it?). The letters also need to be a compound path.
    Then select the text copy and the rays, take the pathfinder panel and subtract.

  • How to place a background image, so that the text layer, without having to use a text box

    Hello,
    I have a problem with the placement of the background image. When I normally formatted text on a page and add the image you want on the background of the text and the handle on the back is still image over text, just no longer responds to wrap text.
    The second problem is adding a new page to the document. I have unfinished document and I need to add a page before the current ... how?
    This is a new Pages.
    Thanks for the advice

    Helps to know exactly what version of Pages you are using.
    I assume Pages 5.1. But the last post makes me wonder.
    Text Wrap only works on text under an object. Either it is in front causing text wrap or it is in the background with none. It is unclear what you are trying to achieve.
    Click at the very beginning of your text:
    Insert > Section Break/Page Break
    Peter

  • How do I place a navigation menu over a slidehow?

    Hi,
    I want to have a blank compsition widget with scrolling images at the top of my homepage and the navigation to sit over the top of it. When I place the menu items over the image it looks fine until the gallery moves to the next image and the navigation disappears. It's obviously sitting in the image frame so it moves with the image - how can I stop this happening?
    Any suggestions would be gratefully received.
    Thanks.

    Hello,
    there are two options that you can use.
    Either use a Slideshow Widget instead of the Composition widget.
    Or you can first place the Menu Widget outside the Widget and then use the Arrow keys on the Keyboard to move it and place it above the Composition widget.
    Hope  this helps.
    Regards,
    Sachin

  • How do I place a transparent header?

    I'm trying to place a transparent header across the top of my page so that just the text links show up on top of the background but no matter what I try the header shows up at the bottom with a gray background. How do I fix that? Thanks
    http://kurtesposito.com/

    Alright, a different approach. Copy & paste this into a new, blank document.  Save and preview in browsers.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
        margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    body {
        color: #CCC;
        font-size: 100%;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        background: #222 url(http://kurtesposito.com/Images/beach12.png) center center no-repeat fixed;
        /**for safari**/
        -webkit-background-size: cover;
        /**for Firefox**/
        -moz-background-size: cover;
        /**for Opera**/
        -o-background-size: cover;
        /**for other browsers**/
        background-size: cover;
    header {
        width: 100%;
        color: #FFF;
        min-height: 350px; /**adjust min-height as needed**/
        text-align: right;
        padding: 0 2%;
        background: rgba(155,255,255,0.1);
    nav { text-align: center }
    /**main content**/
    section {
        width: 75%;  /**adjust width as needed**/
        margin: 0 auto;
        padding: 2%;
        background: rgba(51,51,51,0.5);
    footer {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #666;
        color: #FFF;
        overflow: hidden; /**float containment**/
    aside {
        float: left;
        width: 33.33%; /**3-accross**/
        padding: 2%;
        border-left: 1px dotted #999;
    /**re-usable classes**/
    .center { text-align: center }
    .right { text-align: right }
    </style>
    </head>
    <body>
    <header>
    <h1>Your Awesome Site Name</h1>
    <nav> menu goes here </nav>
    </header>
    <section>
    <h3>Heading 3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Mauris vitae libero lacus, vel hendrerit nisi!  Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.  Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.  Aenean tristique enim ut ante dignissim. </p>
    </section>
    <footer>
    <aside>footer aside </aside>
    <aside class="center">footer center aside </aside>
    <aside class="right">footer right aside </aside>
    </footer>
    </body>
    </html>
    Nancy O.

  • Transparency image causing fuzzy/dark text

    When sometimes adding a .png or .gif image with transparency to a page, my text in the PDF becomes darker - almost like it's doubling up.
    Delete the image, and all is well.
    The odd thing is that this is only happening on certain pages.  If I remove some of the text, it's fine.  But after numerous tests I can't seem to pinpoint a particular problem with the text.  I've changed fonts, still happens.  Delete some text, it still happens...but the next time it might not.
    Thoughts?

    Hmm.  That didn't work...but I did manage to isolate the problem!
    I'm using invisible buttons (object set with 0% opacity and converted to a button) over text on the page.
    Once I remove those buttons - or set their opacity to 100% - the text is fine.  Obviously a conflict with two types of transparencies?
    Just converted the .png to an .eps in Illustrator and all is now well. 
    Very odd.
    A bug, perhaps?
    ps. This was for an interactive PDF.  The issue did not occur when testing to regular PDF.

  • How to create a SelectItem with image before the label text?

    How to create SelectItems with image before the label text for selectMulitpleChoice, selectOneChoice, selectOrderShutltle, etc?

    you have to create a custom selectoechoice for this.. to have an image next to the seelct items..
    as mentioned above..
    http://www.oracle.com/technetwork/developer-tools/adf/learnmore/55-selectonechoicewithimages-170420.pdf

  • How can I place a custom table over an image?

    I have a graphic embedded in the Master Page at the start of every chapter like this.
    I created a borderless Custom Table without the data that I want to place over the image so it looks like the text is typed on the notebook paper. I apparently can't add this to the Master Page, but I can't seem to figure out how to do this on the Body Page either. The table is the same as in my previous question but included here again for reference. While the borders are evident here, I will turn them off when I get this placed. The merged cells are for graphics that will change every Lesson. Appreciating this forum as always. Someday I hope I have enough knowledge to help other people here...
    Thanks,
    Laurie

    Laurie,
    You need to have a text frame over the area that you want your table to appear. On the Master Page, use the graphics tools to draw the text frame (Body not Background type) where you need it. Then on the Body pages insert the table. You may need to play with the positioning of the graphic on the Master Page and perhaps use the Format > Page Layout > Line Layout > Baseline Synchronization option as well as the Table Row Height properties to get things to properly align.

  • How to place a transparent image on top of a panned object?

    1) I have a group of image pasted inside a frame.
    2) I applied a "Pan Only" to that frame.
    3) I placed two gradient shapes ON TOP of this frame; one on the left side of the frame, and the other to the right.
    4) When I preview the page, the frame jumps to the top of both gradient shapes, which is not what I want.
    What am I doing wrong?
    Thanks!

    It’s called an overlay for a reason.
    Those gradients have to be turned into MSOs and placed above the pan only object.
    There are details on how to do that in several areas of the forum.
    I don’t have time right now for full details but if nobody has posted them by the morning I’ll pop back in.
    Bob

  • How can i add a transparent image in adobe premiere 6.5

    Hi all ,
    How can i add a image in adobe premiere 6.5.  I tried to put the image tga and when i import the image to adobe premiere it has white background and it is not transparent ??
    please if any one can help me
    best regards

    I do not have Premiere 6.5 any more on my pc so its my heart and it has been a while.
    Rightclick on the tga and go to video options? transparancy settings. Now you select the track? matte key from the dropdown keymenu and i think the pagepeel has to be selected.

  • How do I place a particular image for ex. .png or .jpg in postscript file?

    Hi all,
    Can some one help me out by telling how to place a image with in postscript file, I see some binary code in .ps file which are stated in examples.
    Is there any way to encode/decode the image in to this binary format and place it in .PS file.
    Regards,
    Ravi Nandan

    Adobe has published a downloadable Technical Note #5095 (JPEG Source Vendor List) that includes an Appendix titled "Printing JPEG-Compressed Files", which includes sample code.
    This would be a good place to start.
    Then, depending on the PostScript Language Level of the interpreter you are using:
    Another Technical Note #5603 (Filters and Reusable Streams) has a much more extensive explanation of the PostScript Language Level 3 filters, including GIF and PNG image filters.

  • How can I place a transparent psd into Illustrator CS4 without effecting my spot colors?

    So, I'm very naive about printing processes and am working with an online book building company. I've asked them how I need to fix this, but don't expect great advice from their design team.
    When saving in Illustrator, I've been receiving the error:
    "When spot colors are used with transparency, changing them to process colors outside of illustrator can generate unexpected results."
    This effected the printing because it left a halo in the shape of the placed transparent .psd. So I need to know how to flatten the transparent psd or something in order to not have it effect the colors below it.
    Thanks!

    Thanks Monika and John. I've been working in Spot colors simply because my client has limited my palette for the screen printing we've been doing on ceramics in the past. Now we want this book to match the colors on the ceramics. But if Pantone bridge back to CMYK would work, I'll do it. I have been saving to PDF by making a combined pdf directly from the .ai folder. My links are all embedded.
    Is there a way to convert all the colors in the document to CMYK at once? Otherwise I'm looking at a very long week.

Maybe you are looking for

  • IPod Restore did not fix issue...can't update iPod

    Apologies for posting this as a "reply" earlier in the night...I'm new to this online help forum thingy. It truly belongs here as a "question," so here goes: I have used my iPod without issue for over a year. Suddenly, I have encountered some freakis

  • TS1398 Error - Unable to Load Content  Please Try Later -

    I am unable to get the content of my iPad Mini or in fact any Apple Device - I get the error message above everytime.  I have done the Restore and I have checked everything is set corrrectly.  Mirroring works!  But I do not want to see it via mirrori

  • Best design running multiple instances of desktop based java applications b

    Hi, I am not sure if this is the right forum... Please suggest on what should be the best design for running 10 instances of same desktop based java applications (No Enterprise or Webcomponents) on different machines BUT still using the same database

  • Visual administrator access problem

    I'm trying to access the Visual Admin. I created an user with the SAP_J2EE_role, I'm able to access the sap GUI but not the Visual administrator. ERror is: User authentication failed. Thanks all, Vito

  • Not automatically downloading tv shows

    My itunes doesn't automatically download purchased tv shows and now for some reason it won't even let me get to the standard definition version so I can manually download my tv shows. Can anyone help?