How can I have text on top of an image?

say i want to do something like this for my site:
http://www.whspconsumercare.com/images/RxDesign.jpg
what would be the best way to have those colored rounded
boxes in the background, and be able to type or place an image over
it? I tried having it as the background image, and putting the text
in a <div>, but this way the text is not always positioned
properly depending on how large the browser window is, etc.
any suggestions?

quote:
Originally posted by:
Newsgroup User
http://www.html.it/articoli/niftycube/index.html
ATTN Alan Smithee (or anyone else who has used the Nifty
Corners site above or just knows a lot about CSS/html) -
I have still not been able to figure out the problems I'm
having with my rounded boxes:
http://www.whsprx.com/indexRcorners.html
mostly, you'll see the orange box on top is messed up right
below the image. I'm not sure why, because the other boxes that
have images look fine. Help please?
(let me know if there's any additional info I can provide
that might help)

Similar Messages

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

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

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

  • How can I have text from multiple fields on one layer, copy to one field on another layer?

    A little help please as it's been years since I've done any coding of any sort.
    So I have a 4 page document with various field types.  I have a document script that gets "TodaysDate" that works perfectly and a few other scripts as well.
    So what I'm trying to do is find a work around for the following:
    I have 3 fields - SURNAME, FIRSTNAME & dob.
    And I want what is typed into these fields to populate into 1 field.  And according to this tutorial (http://acrobatusers.com/tutorials/how-save-pdf-acrobat-javascript) it's not exactly possible.  At least I think that's what it says.
    However I'm hoping that maybe I could have a Submit button at the end of that document that when clicked would copy the text from those 3 fields (that I would have on 1 layer) into 1 field on a 2nd layer.  Is that even possible??
    I'd also like to have the document Print, Save (using the text in the field on the 2nd layer as the file name), Email (using the text in the field on the 2nd layer as the subject line) and Export to a specific Excel spreadsheet. 
    I don't want much do I?
    I'm using Acrobat 9 Pro on a Windows PC but also have access to Acrobat 8 Professional.  And I'm going to want the form to run in Acrobat Reader X.
    So far I have for the 3 fields into 1 on another layer:
    function buttonClick(){
    if(buttonClick==false)
    event.value=this.getField("SURNAME"+"-"+"FIRSTNAME"+"-"+"dob").valueAsString;
    But I have no idea how to call the event.value from 1 layer to another or if any of that code above would even work at all.
    I have a script that I believe will work perfectly for the Save and Email function:
    Using the “doc.submitForm()” function
    // This is the form return e-mail. Its hardcoded
    // so that the form is always returned to the same address
    // Change address on your form
    var cToAddr = "[email protected]";
    // First, get the client CC e-mail address
    var cCCAddr = this.getField("ClientEmail").value;
    // Now get the beneficiary e-mail only if it is filled out
    var cBenAddr = this.getField("BennyEmail").value;
    if(cBenAddr != "") cCCAddr += ";" + cBenAddr;
    // Set the subject and body text for the e-mail message
    var cSubLine = "Form X-1 returned from client"; var cBody = "Thank you for submitting your form.\n" + "Save the mail attachment for your own records";
    //** Send the form data as an XML attachment on an e-mail
    // Build the e-mail URL
    var cEmailURL = "mailto:[email protected]?cc=" + cCCAddr + "&subject=" + cSubLine + "&body=" + cBody;
    this.submitForm({
                cURL: cEmailURL,
                cSubmitAs:"XML",
                cCharSet:"utf-8"
    I'll work out the Export to Excel thing later as I've seen many tutorials on that.  But can I do the 3 fields to 1 thing at all?
    Please Help!!!

    Sorry Gilad.  I hope I'm not getting on your nerves (too much) but as I said it's been a while since I did any formal code. And I'm trying to do this code for a work document but I'm doing it in amongst so many other things I do for my job that it's difficult to get the time to concentrate for longer than 5 mins.
    I didn't get a chance to try that code until just now.  I guess I asked again as I thought (from what I'd read) that it wouldn't be that simple.
    So I've added that code and I get no errors.  But it doesn't appear to be doing anything either.  I've added the code like this in the Custom calculation script of a separate field I've called FileName.  And on the Button i'm using I've added:  buttonClick()
    function buttonClick(){
    if(buttonClick==false)
              event.value=this.getField("SURNAME").valueAsString + "-" + this.getField("FIRSTNAME").valueAsString + "-" + this.getField("dob").valueAsString;
    So now I'm guessing that becasue i'm not getting an error or a result that I've screwed it up still.  Have I put the code in the correct area?  Have I assigned a the buttonClick() function correctly?

  • How can I put text on top of a graphic in Framemaker 11?

    I am using Framemaker 11. When I import an image from Photoshop (EPS file) and put a text box on top, I can't get the text to be on top of the graphic without jumping to the next page. Is there a setting that I'm missing in Framemaker? The image is just borders, like a frame, and I'm trying to put the text inside the blank space.

    I suggest you use the text frame tool (to the left of Arnis' supplied screenshot) and set the background of the text frame (the diagonal b/w lines below the text frame tool) to None.
    When all else fails, add the text to the graphic, save as PDF or other appropriate format, and place as needed.
    -Matt
    Matt R. Sullivan
    co-author Publishing Fundamentals: Unstructured FrameMaker 11

  • How do I insert text on top of an image

    I've got my masthead at the top of my page, and now I want to add text - log in / join / subscribe - which will be links that change based on the user's state (ie, log in switches to log out). How do I insert this text over the image in Dreamweaver cs4?
    Help much appreciated!!!
    Thanks!

    If you use the image as a background image on the masthead via your stylesheet, you can then place whatever you want over the top of it.
    References:
    http://reference.sitepoint.com/css/background-image
    http://www.w3schools.com/css/pr_background-image.asp
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    Book: Ultimate CSS Reference
    http://www.sitepoint.com/launch/005dfd4/3/133
    http://twitter.com/nadiap

  • How can I retain text clarity when reducing an image?

    Hi
    I need to use a couple of screen shots in an e-learning course. The screen shots contain text and when I try to reduce the sizes of these images the text becomes fuzzy. I've just worked out how to reduce an image size in Photoshop. (I'm not the most proficient user; I bumble through processes when I need it.) I've used 'bicubic' and 'bicubic sharper' in the reduction process, but both produce a fuzzy appearance. Is there a way that I can reduce these images while retaining as much textual clarity as possible?
    Please note that the images have not been created in Photoshop. And I'm not sure if it makes a difference, but I'm using SnagIt for my screen grabs.
    Hope you can help!

    Hi Trevor.
    The images will be used in an e-learning course which I am creating in Articulate Storyline. I don't know if you know anything about Storyline, so I guess you could say it's like an interactive PowerPoint.
    The function of these images (screen grabs) in the course will be to show users how to use the various navigational tools (e.g. click an X to exit the screen).
    Personally, I don't think the clarity of the text matters for what I'm trying to achieve, but other people at my work think it does. I also think I should know how to do this for future reference.
    Thanks.

  • 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);

  • How can I have a standard text block appear on the last page of my documents?

    How can I have a standard text block appear on the last page of my documents without having to type it in all the time? I have a terms statement with a line for a customer’s signature which I want on the last page of my invoices and right now I have to type it in each time or cut and paste it from a previous invoice. I already have a Master Page that includes the customer information and my company information at the top of each page and I am using data merge to fill each page with the items ordered and their pictures etc. I would just like to have this standard terms block automatically show up on the last page after the last item in the data merge.
    Thank you all in advance for your help.

    Thank you Peter. This works. I have the text block now at the bottom of a second master page which I apply to the last page. For aesthetics I can modify the position of the text block in the new master page to bring it up from the bottom under the last item ordered when there is less than 4 items on the page. (my data merge fits up to 4 items with their images on a page).  If the last page is full I’ll insert a final page using the second master and also bring it up to the top of the page.

  • How can I have popup text when user types something wrong?

    I have some textarea and textfields created dynamically. I have set of rules in a text file. How can I have these rules popup when users make mistakes(e.g., forgets to capitalize the name)?
    Please provide your input.
    Thx.
    M

    Mike
    From your addendum I'm guessing you are wanting to do this with a JSP or servlet. If so Ali's suggestion won't work becuase he's working with Swing components. It is always helpful if you specify the technology you're using: JDeveloper is a tool for writing many different types of Java programs.
    If you want to produce pop-up windows in JSP then you have to use JavaScript.
    If you're using DataWebBeans and want to use JavaScript you have to change (ie subclass) the WebBeans so that they have HTMLFieldRenderers that allow you to attach Javacript to a TextField (or whatever). This is not a small job but is worth it for the flexibility you'll gain.
    If you're using datatags I should imagine it's easier because you can add JavaScript functionality directly to the HTML input fields e.g. in the Input page, but I imagine you'll still have to subclass your own datatags to do the same for the Update pages.
    GoodLuck().youllNeedIt, APC
    null

  • How can I have a browser image that scrolls with images on top of it scrolling in tandem -

    How can I have a browser image that scrolls with images on top of it scrolling in tandem - so the background is a hexagon pattern with small images inside some hexagons and I want them all to be scrollable as a user uses the browser scroll bars. At the moment the background image jumps when I preview so the small hexagons all become out of alignment. Any tips appreciated. I have browser image set to tile - pinned at the middle and set to scrolling - the small images are not pinned -

    Thanks for your answer - The images on the top layer are also links and change to show they're links on rollover - so I wanted to keep them as separate graphics - and it works to a point but when I preview the page in a browser the tiled browser image always moves no matter how I pin it and then everything becomes unaligned. Any further suggestions appreciated.

  • Text tool is only letting me type in white, black, and grey. How can I have it type in color? [was: Text]

    The text on my photoshop is only letting me type in white, black, and grey. How can I have it type in color? I have tried to change the color but no matter what I do it leaves the text in grey/

    What is the image mode?  Image > Mode - should be set to RGB
    Do you have a B&W adjustment layer above the Type layer?
    If you are not sure, it would help if you upload a screen grab of your entire workspace with the Layers and History panels visible.  Keep it at full resolution please.

  • How can I have a checkbox that a user checks and populates a field with read only text, then if another checkbox is checked it will allow user text input

    Hi
    How can I have a check box that a user checks and populates a field with read only text, then if another check box is checked it will allow user text input into that same field, her is my javascript
    var a ="Not Applicable"
    if (this.getField("Do").value == "Yes")
    a=""
    if (this.getField("DoNot").value =="Yes")
    a=a + ""
    event.value=a
    say if the "Do" cb is checked, Not Applicable would populate the text field, and if the "DoNot" cb is checked it would allow user input into the same text field, the javascript I have will not allow user input,
    thanks for any help I am new to javascript

    Are these fields mutually exclusive?

  • HT3529 How can you recover text messages in iphone that have been deleted?

    How can you recover text messages that have been deleted from an iphone?

    If the phone was backed up either to iCloud or iTunes on your computer BEFORE the texts were deleted, restoring the backup will restore the texts to your phone.  If they were not backed up, they're gone permanently.

  • How can I eliminate the pointless top bar, close up the spaces between bars that are wasting space and reduce the depth of the tabs so that I have the space I had before for the websites I am looking at?

    I have updated to the latest form of Mozilla Firefox, and the top of the screen is altered so that it occupies far more space than it used to do, leaving far less space for what I want to look at. Why are there spaces between bars? Why are the tabs deeper than they used to be or need to be? How can I eliminate the pointless top bar which merely duplicates the information in the tab bar? Is there any way of simply restoring the previous arrangement?

    Okay, I accept that this is just how it is, and there is nothing to be done about it, because no-one except me thinks that the icons and toolbars should be organised to take up minimum space in order to allocate maximum space to the page.
    The crowning irony of all this is that, having updated to the latest Mozilla Firefox and consequently having this arrangement at the top of the page which I don't like, the middle of the page now comes up with its old message, 'You are not on the latest version of Firefox. Upgrade now.'
    Computers are very odd. :(

  • How can I sync ONLY the top photo in the stack?

    I sync various Aperture photo albums to my IPad and iPhone. The problem is that when I have 'stacked' images (eg. one image showing in the album and two other copies 'hidden' underneath), all of the photos in the stack are copied to the ipad and iPhone. So instead of seeing just one version of an image, I see as many as are in the stack. How can I sync ONLY the top photo in the stack?
    Thanks for your help!

    I solved my own problem.
    The sync problem seemed to only occur on smart albums. There is a new check box option in Aperture 3 when making a smart album: "sync stack pick only." One click and the problem is solved!

Maybe you are looking for