Elimination of the white spaces between areas of report

Hello

I'm struggling with the design of my application...

On my page (topic 12) I have 3 regions report side by side, in column 1, 2 and 3.
Between these regions report, Apex puts a lot of white space that I want to eliminate, but I can't.
I tried with models from different regions (reports, width 100% region region) and I tried with firebug to see what HTML object to manipulate.

In the HTML page header, I put:

< STYLE TYPE = "text/css" >
<!--
TD.t12ContentBody {width:auto ;}
->
< / STYLE >

So far, nothing seems to work. Does anyone have an idea?
Application design gurus welcome...

For a better understanding, I put my application on apex.oracle.com:
Workspace: app
Login: [email protected]
PW: riponi

Thank you for any input,

Roger

Hi Roger,

I've adjusted the template of your PAGE - the region was in a cell that had a width specified 100%. It was originally the three reports to be distributed across the screen. Obviously, as this is only for testing purposes, this setting should be ok - but in real life, you create a copy of the page template, set it and use if necessary.

Andy

Tags: Database

Similar Questions

  • How to remove the white space between two response reports

    How to remove the white space between two response reports

    In the section of dashboard, I have 2 rqeuest. Each query returns Table view. When I view the dashboard, it shows a blank separating 2 table views. How can I get rid of the band of white/white space?

    See this link

    Re: Remove the space between the two reports on the dashboard page OBIEE Section

    Kind regards
    Sandeep

  • How can I add white space between areas that contain text fields? I use Adobe Acrobat Pro DC 2015.  I'm trying to change an existing PDF. I need to add white space between areas that contain text fields to allow these text fields to be developed and not

    How can I add white space between areas that contain text fields?

    I use Adobe Acrobat Pro DC 2015.

    I'm trying to change an existing PDF. I need to add white space between areas that contain text fields to allow these areas to be developed and do not overlap the text and the text below fields.

    For example:

    1. 1.

    Progress/strategies:

    1. 2.

    Progress/strategies:

    1. 3.

    Progress/strategies:

    1. 4.

    Progress/strategies:

    The space between each 'progress/strategies' increasing needs. A text field is under each of them. If it's a Word doc, I could just press on enter. What is the best way to do this with Adobe Acrobat Pro DC?

    There is no easy way to do it. You need to move the text fields more apart and if there are static elements, then you will need to use the tool edit text & Images to move them, separately.

  • How can I get rid of the white space between my head and my spry navigation bar?

    I have been struggling with a problem for the last 2 days and can't seem to work my way around it. I worked on a page in dreamweaver cs4 that seems to have a space between the header and my spry menu bar ONLY in Firefox. Google Chrome and Safari display it correctly. You could point me in the right direction to get rid of this space. Here is the page: http://www.margaritascafe.com/margaritas_layout.html

    Here's my code and thank you in advance for your help:

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    " < html xmlns =" http://www.w3.org/1999/xhtml ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > Untitled Document < /title >
    < link href = "margaritastyles.css" rel = "stylesheet" type = "text/css" / > "
    < script src = "Margaritas_temp_spry/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < script src = "Scripts/swfobject_modified.js" type = "text/javascript" > < / script > "
    < link href = "Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body >
    < div id = 'wrapper' >
    < div id = "header" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "1000" height = "250" id = 'FlashID' tabindex = "10" title = "Header of Marguerite 2 coffee" > "
    < param name = "movie" value = "Flash_movies/Margaritas header 3.swf" / >
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="9.0.45.0"/ >
    <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
    <!-[if! IE] >->
    < object type = "application/x-shockwave-flash" data = "Flash_movies/Margaritas header 3.swf" width = "1000" height = "250" >
    <!-<! [endif]-->
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="9.0.45.0"/ >
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
    < div >
    < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
    " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "
    < / div >
    <!-[if! IE] >->
    < / object >
    <!-<! [endif]-->
    < / object >
    < / div >
    < div id = "navigation" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    < li > < a href = "#" > home < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Menus
    < ul >
    < li > < a href = "#" > lunch < /a > < /li >
    < li > < a href = "#" > dinner < /a > < /li >
    < li > < a href = "#" > Cocktail < /a > < /li >
    < li > < a href = "#" > Take Out < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > Photos < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Catering
    < ul >
    < li > < a href = "#" > < /a > < /li > private Party
    < /ul >
    < /li >
    < li > < a href = "#" > book < /a > < /li >
    < li > < a href = "#" > Contact < /a > < /li >
    < li > < a href = "#" > feedback < /a > < /li >
    < li > < a href = "#" > Directions < /a > < /li >
    < /ul >
    < / div >
    < div id = "maincontentlayout3" > the content of id "maincontentlayout3" goes here < / div >
    < div id = "special" > < img src = "png-gif-jpg/Tuesday night features" width = "200" height = "70" alt = "Of Marguerite Tuesday Night Special" / > < img src = "png-gif-jpg/Wednesday features" width = "200" height = "70" alt = "Wednesday 2 for 1 special dinner to Margarita" / > < img src = "png-gif-jpg/Thursday features" width = "200" height = "70" alt = "ladies Thursday evening at the Café of Marguerite" / > < img src = "png-gif-jpg/Friday features" width = "200" height = "70" alt = "TGIF Happy Hour Friday at the Café Margarita"/ > < img src ="png-gif-jpg/Sunday features"width ="200"height ="70"alt ="Sunday Kids Eat Free at the Café of Marguerite!"/ > < / div >
    < div id = "footer" > < img src = "png-gif-jpg/Margaritas Facebook logo.png" alt = "Facebook" width = "40" height = "25" align = "absmiddle" / > < img src = "png-gif-jpg/Margaritas Twitter logo.png" alt = "Logo of Twitter" width = "40" height = "25" align = "absmiddle" / > < img src = "png-gif-jpg/merchantcircle_mini.png" alt = "Logo of merchant circle" width = "63" height = "25" align = "absmiddle" / > < / div >
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "Margaritas_temp_spry/SpryMenuBarDownHover.gif", imgRight:"Margaritas_temp_spry/SpryMenuBarRightHover.gif"});})

    ->
    < /script >
    < / body >
    < / html >

    CSS:

    #navigation {margin-top:-3px ;}}

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • White space between the Div tags

    I use DW CS4.  I need to help, reducing the white space between the DIV tags  I have the white space between smaller gray line and my nav bar.  I see all the places where there are margins or padding.  Can anyone help?  Here's the code.  Thank you.

    < body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"

    < div id = "container" >

    < div align = "left" >

    "" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >

    < / div >

    < div id = "header" > < / div >

    < div id = "content" > < / p >

    < table border = "0" cellpadding = "0" cellspacing = "0" >

    < b >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >

    "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >

    < /tr >

    "< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

    Thank you for all your help.  I solved it by adding a padding to my header (grey line).

  • white space between the tables

    Hello

    I do an annual report and there is a lot of financial tables. I have 60 paintings and I need to align the tables vertically so that the white space between each table is exactly the same. So far I did it manually. I'm sure there is a better way to do it but I just have not found the way yet. My first thought was to do a 'parent' table with X rows and one column. So I put my child tables in the parent table and use a "row of the spacer" exactly the mm X I tried this but it really complicates things

    Then I tried 'space after' in the properties of the table, but I can't understand what this attribute.

    In other words, I would like that the vertical space between table 1 and table 2 is always exactly 5 mm of the force. How is that possible?

    I would like some inputs/best practices.

    / Best regards

    Thomas Lund

    Your table is placed in a paragraph.  Create a paragraph style that contains that space after that you want between the tables, and then apply that style to all paragraphs that contain tables.  That should give you exactly the spacing between your tables in the flow of the text.

    This will not work unless you are running off the paintings together in a story (which I recommend).

  • Issues of white space between the content and footer.

    I have the problem of length of the areas whites/page between the end of my content and footer.

    I have read the forums and tried to change the height of minium length of page in 800 and then I

    disabled the foot sticking in the properties of the page on the master page and content page itself.

    Here is a link to one of my pages.  http://www.ueonline.com/RoHS-info.html

    This page has very little content, and you can see the white space.

    Any help is appreciated.

    Hello

    Check empty rectangles/related texts executives on the page. Check the screenshot below.

    See you soon,.

    Vikas

  • White space between objects that are aligned

    Hello

    I creates geometric images in Illustrator to an animation in After Effects. I have four triangles which are all lined up to make a square. However, there are small spaces between each of the triangles, so seen at full size, there is a white X through the center of the square.

    How can I line up the triangles exactly so there is no white space between the two?

    Thank you

    quinnigoth,

    Assuming that the angles are right (in the direction of releavnt here), to ensure that they actually meet you can use Slam, possibly guided by the guides.

    The X may be an artifact of the screen. You can zoom and see if the apparent gap increases or remains constant, and you can register under / Print in PDF format and have a closer look there, or print to a PostScript printer.

    Yet another way to determine whether there are gaps could be to select everything and Pathfinder > unit. If you get a simple square, do not space.

  • Why are they not the white space to the left when you use force part agricultural framework?

    I posted yesterday because I thought that the stain has been broken in the last creative cloud of LR. It still works, but seems to have a limitation that seems intuitive.

    I had an image that I used lenses correction/basic/full. It works well enough to give a full display of an image captured from an angle. There is a small spot near the edge of the frame that is left blank. I assumed spotting would allow me to fill this by cloning a neighbouring area, an operation that could be played in Photoshop, (although I have not used the PS in awhile).

    It doesn't work in LR, implying that the brightness of the White is not considered part of the rectangular frame. Why not? Don't I have that right, or am I missing something?

    If the design intent, it seems badly thought-out.

    If you have created a panorama or HDR image, and there is a space, then the image is more rectangular. It is not possible to create pixels in the empty space in Lightroom. These images were filling the white space is essential, that's what is for Photoshop in this instance. Is perhaps not as elegant as you would expect, but that's the way it works with the non-destructive editing.

  • White space between the footer and content

    Just when I thought this software started to behave, he does: pages adding plenty of space. I don't have any idea on how to solve this problem. Have tried everything. A last forum mentioned expand the HTML box. I don't know what in the hell that means, but I tried pulling it down to where the dotted line disappears. Does not work. How am I supposed to explain to my client that there is nothing I can do about it, it's just a defect of the software? Someone at - it solutions?

    Attached are two screenshots of a test, one of the design window, a page of the preview area with all the white space that is infuriating. In the other pages there are widgets? I created this master page and test page from within a project of muse with pages that include YouTube and Google map widgets.

    Thank you

    Screen Shot 2014-05-21 at 3.53.25 PM.png

    Screen Shot 2014-05-21 at 3.53.40 PM.png

    Thanks for your suggestions. Unfortunately, none of them worked. However, once I've hunkered down and set about to solve the problem, I indeed understand eventually. The culprit turned out to be the sticky footer is enabled by default in the properties of the site. Unchecking that solved the problem.

    I do thank you for your help.

    TICE

  • How to remove the hairline of white space between two forms in color

    I'm setting up a complex visual image in Illustrator. I used the processing step and repeat certain geometric shapes, and then color them in with the paint bucket using a swatch file direct. Then I deleted the original geometric shape contours, leaving just the plug-in software component color fill. Everything is great, except in two or three apparently random locations there is a hairline white between two forms of color component software plug-in. I don't want to change the dimensions of the forms to try to hide the white space, because who is going to introduce another problem. Any suggestions?

    You can butt them using the spacing to distribute at the bottom of the palette alignment function.

    Select your items, and then click one of them to designate it as the 'key' object (this is one that will stay in place while others move in relationship with him according to your actions).

    If the Align Panel is not slammed shut, choose window > align.

    If the spacing section distribute is not visible at the bottom of the alignment palette, choose Show Options in the Panel menu.

    The spacing value to distribute the value 0. Set align it: the Key object alignment option

    Click on the button appropriate to spread (horizontal or vertical).

  • How can I remove a white space between the top of the navigation bar and image carousel?

    I've created two different versions of a page, with a fixed navigation bar to the top

    Welcome to Warfield Park

    and the other with a default navigation bar.

    Welcome to Warfield Park

    I used images of different heights to compare how they make.

    I don't see how to remove the white band between the default navigation bar and pictures of carousel in the second version.

    I tried out myself, but I don't see what the problem is. I'm sure someone very smart out there tell me!

    Add the following code to your custom dtylesheet

    {.navbar}

    margin-bottom: 0;

    }

  • Remove the white space below the text

    Why is there so much white space between the word "Scriptures" and the image below at the top of http://www.tellerbooks.com/faith.htm ? How some of this space can be removed so that it looks like the other product pages such as http://www.tellerbooks.com/public_policy.htm?

    Arrangements of tables are not my first choice for the modern layout.

    Try to remove your CSS table cells default padding and margins.

    TD {padding: 0; margin: 0}

    Nancy O.

  • Statement of update to remove the 'white spaces '.

    Database: Oracle 11.2.0.1.0

    In the database, we have values in the columns that contain the 'white spaces' a few times before and/or after the value.  What is the best procedure to remove these extra white space?  I have given some examples below.

    Account number InvoiceNumber
    123INV-123
    456INV-456
    789

    INV-456

    123 456INV 123456

    1st row, 5 white space before the value of a.

    Line 2 has 5 white spaces after the value

    Rank 3, has 5 spaces before and after the value

    Tier 4, has 5 white spaces between the value < = it's alright

    Essentially, I don't want to cut the sides LEFT and RIGHT only.  Every thing in the meantime doesn't seem to be a problem at this time.  Is the query below the best procedure to manage withdrawal?

    Update table1

    the AccountNumber value = trim (AccountNumber);

    Hello

    976563 wrote:

    Database: Oracle 11.2.0.1.0

    In the database, we have values in the columns that contain the 'white spaces' a few times before and/or after the value.  What is the best procedure to remove these extra white space?  I have given some examples below.

    Account number InvoiceNumber
    123 INV-123
    456 INV-456
    789

    INV-456

    123 456 INV 123456

    1st row, 5 white space before the value of a.

    Line 2 has 5 white spaces after the value

    Rank 3, has 5 spaces before and after the value

    Tier 4, has 5 white spaces between the value<==== this="" one="" is="">

    Essentially, I don't want to cut the sides LEFT and RIGHT only.  Every thing in the meantime doesn't seem to be a problem at this time.  Is the query below the best procedure to manage withdrawal?

    Update table1

    the AccountNumber value = trim (AccountNumber);

    The SET clause is the best way, but you can add a WHERE clause.  Without a WHERE clause, you will update every row of the table, including rows that are already perfect, who will be ineffective.

    Try this:

    UPDATE table1

    SET AcountNumber = TRIM (account number)

    WHERE AccountNumber <> TRIM (account number);

    If AccountNUmebr is NULL, the conditon of WHERE clause evaluate to UNKNOWN, and if the line will be not updated unnecessarily.

  • White space between images

    I have 5 flight path images lined up next to each other in a table cell. I reduced their borders to 0, the filling of cells and spacing 0 also. I even tried to reduce the images of padding and margin to 0. However, there is always a very fine line between each of the images I want to get rid of (it's as if all images have a white border around them, but I have reduced their borders to 0).

    Here's what the code looks like:

    < table border = "0" cellpadding = "0" cellspacing = "0" >
    < b >
    < td width = "53" >
    < div id = "box" >
    < p align = "right" > < img src = "features" name = "banner" width = "536" height = "101" border = "0" id = "banner" / > "
    "" "< a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (" home "," ' Buttons / homebtnover.jpg', 1) "> < img src =" "Buttons / homebtnup.jpg" name = width = "107" height = ' home' border "36" = "0" id = "home" / > < /a > < a href = "#" MM_swapImgRestore"onmouseover =" MM_swapImage ("adding" ",'Buttons / theteambtnover.jpg', 1)" > < img src = "Buttons / theteambtnup.jpg" name = "adding" width = "107" height = border "36" = "0" id = "adding" / > < /a > < a href = "#" MM_swapImgRestore "onmouseover =" MM_swapImage ('calendar' ")" "(,'Buttons/schedulebtnover.jpg',1)" > < img src = "Buttons / schedulebtnup.jpg" name = "schedule" width = "107" height = border "36" = "0" id = "Annex" / > < /a > < a href = "#" MM_swapImgRestore "onmouseover =" MM_swapImage ('gallery', ",'Buttons / gallerybtnover.jpg', 1)" > < img src = "" Buttons / gallerybtnup.jpg "name ="Gallery"width ="107"height ="36"border ="0"id ="Gallery"/ > < /a > < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('contact'") (,'Buttons/contactbtnover.jpg',1) "> < img src =" Buttons / contactbtnup.jpg "name ="contact"width ="108"height ="36"border ="0"id ="contact"/ > < /a > < /p >
    < / div > < table >

    .oO (Twinbird24)

    > It still does not. I even tried to just make a new document and just
    > place the images flown side by side in a row (horizontally). However,.
    > even with the image borders, padding and margin set to 0, it still seems
    > to be a very small space between images.
    >
    > Here is a link to the flight path images, as you can see, there is that small
    > a white space between the images:
    > http://www.arkdesigns.ca/untitled.html

    The difference I see is in the images themselves - outermost right and
    the background pixels are faded. There is no other space between images in
    Opera and IE 6.

    Micha

Maybe you are looking for