Expand the background Image to cover across the region title

I have a region title that contains an image and it has a height of 2 rows, but the background image (blue image) is not growing in the region (the css contains repetition for background). The application uses the theme 2. Can anyone help?

CSS:
.rc-title {
    background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
}
div.rc-blue-top
{
    background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
}
I created the application on the APEX. ORACLE.COM:
Workspace: RGWORK
User: TESTER
Password: test123
Application: CSRSR (33558)

Select view from the menu (only choice).

You will see that the tabular forms a dog tags and an image, another tabular form has a picture but no text (nameplates), even if it is there. I live blue to cover the image and the text.

Help, please

DB: 10g
APEX 4.1

4.2 APEX (APEX. ORACLE.COM) works the same way.

Robert
http://apexjscss.blogspot.com

sect55 wrote:
fac586,
I would like to try the second option:
>
Another option would be to eliminate the problem by moving images of the nameplate on the titles of the region. There is a horizontal space within the regions that will allow these images to be rotated to the left of tabular form, that would look OK. But how to refer to the horizontal space within the regions? I looked at the model for the region:

#TITLE#
#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
#BODY#

and could not put the image in horizontal space.

Can you please help me by providing the details?

There are two options, depending on the role you see images of the plate by playing on the page. I used the two regions to give an example of each.

* 1. Nameplate as eye-candy: * If there is sufficient information on the region, contained region title and labels of items to make the images of the nameplate of the superfluous by providing information to the user and you are just using them to improve the appearance of the page, then they can only be applied using CSS.

/* Nameplate image as CSS eye-candy */
#nameplates-ndc div[id$="catch"] {
  min-height: 36px;
  padding-left: 113px;
  background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
  background-size: 103px;
}

Note the use of the CSS3 background-size property to resize the image. If the application needs to work in browsers that do not support this so you will have to drop it and create an image of the exact size required for use in the bottom rule.

* 2. Nameplate as content: * If the plate images are necessary to provide information to the user, then they should be included in the region (and they must have an alt attribute, providing an alternative representation of the information contained in the image).

Put the image in the header area:

Nameplate (name only)

and it floats so it sits next to the form:

/* Nameplate image as page content */
#nameplates-name .rc-content-main img {
  float: left;
  margin-right: 10px;
}

Tags: Database

Similar Questions

  • Dynamically change the variable substitution for the region title

    Is there a way to update the title of a region when you use variable substitution (for example. P1_TITLE_DATE)? I use a dynamic action to update the region-, but it does not update the title. Does anyone have a work around for this without submitting the entire page?

    Hello

    You can run code JavaScript change the title of your region.

    $("#MY_REGION div.rc-title").text("New Title")
    

    JQuery selector code depend on your model and its theme.

    Kind regards
    Jari

    -----
    My Blog: http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
    Twitter: http://www.twitter.com/jariolai

  • Form on the report on the table - dynamically change the region title

    I use a form on a report on a table to give me the standard features of add/change/delete a table.

    When I get to the page of the form, I want my title to say the addition or modification, whether I came to the form via clicking on the link change or create new button to the page.

    I thought it would be easy but I have mingled around with calculations, define objects hidden, etc., but can't seem to make it work.

    Is there a quick process, I can follow to get there? My first thought was to create a component hidden on my page of form and that fill the homepage depending on whether I clicked on edit or create. But the title of region doesn't seem to capture the hidden element. I put the title of region: P1_HIDDEN_ITEM_TITLE. and that is the question that I put my home page. The hidden element is fine but never gets picked up in the title.

    Specify the title of region

    & P1_HIDDEN_ITEM_TITLE.

    CITY

  • background image on full screen

    I want a background image to cover the complete bottom in Muse. When I import assuming on my master. What should I do for the layout will appear no white space on the bottom.

    My picture goes on the plan of work, but I still have a white bar at the bottom when I saw it.

    Any help would be appreciated.

    Thank you

    You hear as a fill for the browser or page content indicate?

    Way, either go to the tool to fill in your toolbar and add your image as background to and set it to scale to fill.

  • Background image for BEEP "certificate".

    Hey there,
    IM new to BEEP, I ususally more hiding in the side OBIEE.

    Im trying to create a kind of 'certificate' of the report to the PIF, I work to a certain extent, here's what I did:

    pull into the "skeleton" of the certificate image as background picture in MS Word, draw the data fields in the locations name, date and Manager BEEP on the certificate etc.. Repetition group is defined for each line, I get a certificate by user - perfect!

    except...

    the background image looks fine in Word, when you view the page to 100% in "Page view" but the PDF has aligned the image differently for the location of the fields that draw in Word is not reflected in the PDF file.
    I should add that the background image should cover 100% of the page.

    Is there an optimal size for an A4 background? I know paper sizes are not measured in pixels, but the generation of PDF using a pre-defined DPI that I can work from? Someone else has probs aligning a background image?
    Bit stuck, I thought it would be the easy bit :-)

    Thanks in advance,
    Alastair

    Hello

    I just had a quick glance at your model, I guess my default desktop settings are different, so the output was pretty badly misaligned.

    However, before I continue, I was wondering if you checked the other two options that I may consider viable options.

    (1) use of stationery pre-printed, it works on printing cheaper volumes, under the commercial name, is cheaper than using your printer toner / cartridge, especially if you are going to have a purple background of page colur!... one of the invoice templates that I created for a client in the past was done on the pre printed stationery all the stuff color was printed on the pages, BEEP only added black text inside.

    (2) the use of Microsoft word art, etc to design the model, i.e. rather than putting this all as a background image you could place the logo and do the rest with mocrosoft word art

    I hope this helps.

    Karine

  • Background image stretching across the page footer area

    On a pc with a screen resolution 1280 x 1024 and smaller through IE, when scrolling to the bottom of the background scales image to force down the footer elements appear on the top of the verses of background image on the background color. The background image doesn't repeat from left to right and SHOULD NOT extend to any down. However, it's what happens on the pc. Thanks in advance for the help!
    onmac.jpg
    We'RE MAC - quote at the bottom under the background image and on the bottom. It comes
    be represented correctly.
    onpc.jpg

    We'RE PC - quote at the bottom to the top of the background image - this shouldn't happen

    URL (.. / images/background_alt1.jpg) #5e3718 fixed horizontal left high

    If you remove 'fixed', does that help? I use browser tools and I'm not at home to work directly with Muse. Maybe someone else can give an idea.

  • New bug? Horizontal white background interrupts the background image tiles after 1 to 2 pages

    My site was going on well on Firefox (and all the other major browsers), until recently. Now Firefox interrupts the white tile background image, bottom horizontal bar across the width of the page and about an inch long. What's up with that?

    This BUG really does wreak havoc on my website: link to my Site

    Correct immediately!

    Works for me on the site.

    What gets selected if you right click on that white space and open the Inspector?

    Reload Web pages, and ignore the cache.

    • Hold SHIFT and click reload.
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Cmd + Shift + R' (MAC)
  • Computer connect laptop to TV, all I get is the background image >

    Hi I want to connect my laptop to my tv. I have it connected via the VGA port on both. all I get on the TV is my background image and nothing else.
    can you advise please
    Thanks Ben.

    Hi Ben1984,

    Welcome to the Microsoft Answers community.

    For what purpose do you have connected your TV to the laptop?

    From the information you provided it seems like your laptop settings are configured to expand the display. If you want to mirror the display on the laptop to the TV or for more options, you can go through the steps mentioned below.

    To select different display settings at any time, open display settings in Control Panel.

    Open display settings by clicking the Start button, clicking Control Panel, on appearance and customization, personalization, and then clicking display settings. The links below will give you more information.

    Understanding multiple monitors
    http://Windows.Microsoft.com/en-us/Windows-Vista/understanding-multiple-monitors


    Set up multiple monitors

    http://Windows.Microsoft.com/en-us/Windows-Vista/set-up-multiple-monitors

    Solving the multiple monitor problems
    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-multiple-monitor-problems

    Let us know if this helps

    Concerning
    Anthony.

  • 23 "monitor a 3-1/2" black band on the left side of the desktop background. In other words, the bottom would fit on a 19 "monitor. How to expand the context in which to adjust Monitor?

    23 "monitor a 3-1/2" black band on the left side of the desktop background. How to expand the context in which to adjust Monitor?

    It's the monitor that is provided with the DELL Expirion computer when it was purchased in July 2012.  I paid a "technician" (certified) to transfer the info from my old computer.

    If its a LCD monitor, you PC resolution to the native resolution of the screens?

    Some monitors have a button self-configured, try pressing that. It can help if there is one.

    At the same time, in your 19 "" are you the full desktop or is it lacks a little? If so, try to change the settings for horizontal and vertical screen on the monitor to move the image.

    Sorry if this is how to navigate, it's hard to describe.


    More info of calibration here - http://windows.microsoft.com/en-AU/windows7/Getting-the-best-display-on-your-monitor

    Also, some graphics card drivers were themselves built the calibration setting, which may be worth a visit, but this can vary from machine to machine and cards.

  • MUSE - bearings change the background image

    I want to create button 4 (thumbnails) which, when you flipping them, changes the page's background image (background images are different for thumbnails). And when you rollover a different thumbnail, background image fades into a different image (again, it is different thumbnail).

    Does anyone know how to get there? At the end of the day, I join the background image to scroll to a different pace for thumbnails.

    You can use compositions for this where the triggers can be equipped with image for different States and target container should be large enough to cover the area of the page, so that when the tile is flat so this specific target will appear page so substantive change.

    Thank you

    Sanjit

  • Background image of the non-destructive text in InDesign

    I do not experience this problem a lot, but I'm looking for a non-destructive way to drop images into text. I know that I can describe the text and then place an image, but while I work through various titles in a document, I hope that I can easily go back in the document and change the text later.

    (to help visualize)

    you use a background texture on your cover

    you want to open the booklet and have this texture in one background of fat (universe-ultra condensed) for the main titles and other titles later in the booklet

    How can you do this, but allow easy edits if the titles change later in the approval process?

    Thank you!

    Eric

    Maybe this will give you some ideas: http://indesignsecrets.com/creating-see-through-text.php

  • How to get the background image to fill the browser and stay fixed in IE and Firefox?

    Basically what it says in the title. I came very close to achieve, but something comes to Moor in the html and css code...

    First of all, I use the latest version of Firefox and IE8 to test this situation.

    I used 2 sources of information to get this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and ) 2 http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesn ' t-make-image-co-ver-vertical


    In 1 case , the example of the called page CSS-Only Technique #1 gives the code that works almost perfectly for me, except that obviously I need to a background image, but the CSS provided ago obviously just for an image has fallen in the body of a page without taking account of any other content that may already be there. "The html code that I put on the page is simply < img class ="bg"src ="... / pictures/background_image.jpg "> "

    Of course, I used the CSS code in the example, less the last piece which is "@media screen" etc., which seems irrelevant to me. Of course by replacing the values according to the picture on my page.

    So what happened was that it worked almost as expected in both browsers (which means the image filled both browsers first as it should and also remained fixed when I zoomed in, inside or outside, in each case), except that the picture went on top of the current content that I already there precisely because there isn't a background in this 'technical '. (A note on the side of curious, is that the image didn't turn down content, I expected under normal circumstances, but he went right on top of it so she she hidden (like the z-index).)

    One thing that bothers me in this regard 'technical' is that if you click on view the demo just below the code provided, you will see on the example of work page (bottom of the forest), the image clearly works as a backdrop and the content is fortunately located on top! So I don't know if the person who provides the example was trying to deceive people or what! Or he got lazy and showed another page which did not use the exact code, he has provided. No matter.

    In any case this leaves me with only half-completed work, because I still need a background image that functions as the 'normal image' code provided.

    In 2 cases and on this page, the first example provided gives the CSS for clutter - namely the code in the html {...} part and shows also the same "normal image" code as shown in box 1. In this case however, that the person provide a suggestion, the html and the css is not really properly more Moor some css and html seems a little redundant. So this time, when I used the part "html" in the CSS code (i.e. just the bit that was no longer relevant), I had two different behaviors in each browser and neither of which was quite what I'm looking for. In IE8, initially the page seems well (background fills the page and the content is on top) but when I Zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox, the background image stays fixed, but because the image is initially not the height of the browser I guess the code it extends down (keeping the proportions - so the image enlarges essentially) to fill it. The fast way to get around it is probably add white space at the bottom of the image just to give it sufficient height is not extensible / resize automatically. But it would be nice to know at least how to work around this problem in the code. Overall, I would say that the result in Firefox is closest to the desired solution, but of course it is not arranged things with IE8.

    Apologies for the long description, but which should at least provide much info for anyone who might have a possible solution for me. Essentially what would be great is if someone could advise me how to take the code of case 1 and apply it to a piece of 'background' coding as the type that is contained in html {...} in Case 2 . Like I said, it is almost there, but I just can't operate atm after trying to combine different bits of code this way and that... Also, if anyone has another version of html-css that works well to achieve then please by all means of let me know! V thanks a lot in advance!

    It works in modern browsers of the CSS3 support.  But not pre - IE9.

    http://ALT-Web.com/test/resizable-BG.shtml

    Nancy O.

  • Scalable background image from the browser window.

    fuddlebunker 3 months ago

    Looks like I gave the direct download link.  If you want to see an example on my site, you can go on http://www.fuddlebunker.com/scalable-....  That's what I wanted to post last night, but apparently I'm tired.

    lilpillz04 1 day ago

    What happens when you add text and the page length grows? My page renders a resolution more nearly the same page so that only when you reach the end of the page see you at the end of the picture. How can I get the picture to stay as it is planned, covering completely the screen and stationary and have only the text itself move?

    Can you post the URL, so I can take a look?

    Design.Hunter 6 hours ago

    The scale is not going to work well with a super high page. Best for heights of page fixed (and shallow). would love to hear if there is a way to separate scrolling of content from one medium to the scale.

    lilpillz04 2 hours ago

    I see the problem here with the height of the size of the image. Here's an example of what I would take place. www.themasters.com-- if you ctrl (+ or-) to zoom the image remains relatively constant. In addition, on other pages, is the background image. Could we change it to say cover the entire page giving more details and constrictions regarding its size or zoom?

    It seems that themasters.com uses a JavaScript to maintain the background image at 100%.  He works very simular to the solution I posted in the link that uses CSS to keep the background image to 100%

    In regard to the second question, you could do with abritrary html using a div.

  • How to stretch the background image in the body in relation to the browser instead of the default repeat?

    Hello world

    I am new to dreamweaver and I'm still learning the basics. What I'm trying to accomplish at present:

    I have a #container div in my body div.  The container is set to the auto margins in the body so that it is always centered.  I want a background image in the body (behind the container div), BUT I do not want to repeat awkwardly.  I want so that it can automatically expand to the size of the browser of the Viewer.  How can I do this? Anyone know?

    Thank you very much :)

    Murray * CPA * has written:

    Now - background images DO NOT STRETCH.  So much for that idea...

    This was true when Murray originally wrote in April 2009, but shortly after, it became possible using the CSS3 background-size property, which is now supported by most browsers. See http://cookbooks.adobe.com/post_CSS_Background_Stretch__updated_-16474.html.

    It is the risk of a diversion of a thread that has more than three years. Other people could come along and do not realize that boards of formerly right of Murray is now obsolete.

    I am locking this thread to avoid the wrong information to perpetuate.

  • How can you save the background image contained in a Thunderbird e-mail message

    How can you save the background image contained in a Thunderbird e-mail message

    Have you read the instructions which preceded the right click? What of their suite?

Maybe you are looking for

  • Could not find back arrows

    I used to have arrows to go back and forth. For reasons unknown, they disappeared. This has happened Each time Firefox opened Is a few days ago

  • Memory expand satellite 2800 100

    I want to expand the memory of my satellite 2800 100Of memory can what type I use?

  • PSC 2350 doesn't scan

    I have a Dell with Windows 8.1 (64-bit).  When I press on the "Scan to" or the "Start SCAN" buttons, I get the message "you need to install or run HP software for this feature.  What software?  Where is he? On the HP Support site, I downloaded the 'H

  • Cannot print using the All in one 924 since filling of cartridges.

    Original title: all-in-one 924 my printer is a dell all-in-one 924 photo and I had my cartridges refilled by a local ink store, however since I brought them home and put them in the printer the printer does not seem to recognize. I don't understand,

  • wiring replaced with SSD HD & put Dell Windows XP Home SP2 on again but does not refresh

    I removed my old drive hard-working mill & replaced with a SSD OCZ, 90 GB and put on Dell Windows XP Home SP2.  When I try to update windows, I have error 0x8024400A or # 0 x 80240036.  All the appropriate Dell drivers have been resettled.  Microsoft