Setting space between regions

Hi there, i am having trouble controlling the spacing between regions and wondered if anyone had come across this problem. Across the width of the screen i have 5 regions the widths are as follows:
%, 350, 190, 220, %
The regions set as % at the edges of the screen are used to pad out the rest of the screen and centre the content in the middle of the screen. The region of 190 is set to contain a portlet whereas the others are all set to hold items. The problems seem to be in the spacing between the content regions. The three content holding regions are supposed to add to 760 pixels in total, but there always seems to be big gaps between them especially the region of 350 pixels which holds an image and the 190 pixel region which holds an HTML portlet.
Is there any way to control the spacing between regions (ideally set it to 0). I have already checked all the region properties and both the space between items and around items is set to 0.
Any ideas as i am really struggling.
Thanks in advance.

Hi Paul
I think your problem comes from your mix of % and pixel wide regions. HTML does not like tables with rows defined like this, either use only %, or either fixes sizes.
There are possible workarounds :
- to center your "main" regions, try to set 99% width in the 2 edge regions
- try 49% - 1% - 1% - 1% - 49%, and put invisbile images of the wanted width in the main regions (transparents gifs, 350px width, 1 high). Images won't be shrunk.

Similar Messages

  • Add horizontal spaces between regions

    Hi everyone,
    We use APEX 4.2.
    I want to know if it's possible to add horizontal spaces between "region a" and "region b" ?
    How I can do this ? I don't want to add an extra "region c".
    I taught about adding something in the header region or in the footer region.
    Thanks in advance. Have a great day.

    Hi,
    You could add some css to the first (left?) regio.
    .rounded-corner-region {margin-right: 50px;}*.rounded-corner-region* depending on the selected regio.
    Regards,
    Kees Vlek
    <tt>Company: http://www.orcado.nl
    Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek
    Twitter: http://www.twitter.com/skier66</tt>
    If the question is answered please change it to answered and mark the appropriate post as correct/helpfull.

  • [fluxbox] how to set space between windows?

    hii,
    question like in subject: how can i set space between windows ?
    i launch 1 terminal window, and when i launch second window, this window is to stick to first...
    how can i set e.g. 50 px gaps between windows ?
    regards le

    hii djszapi ,
    thx for helping, but it not that what i wont
    this is my screen-shoot:
    http://img156.imageshack.us/img156/3511 … 0x800s.png
    i continuing looking for it
    regards le
    btw. hey djszapi,  nice avatar, can i use it ?
    Last edited by le1um (2009-09-06 20:41:13)

  • How to set space between the fields in SearchPG- Display issue

    Hi Friends
    I Have created a searchPG with a QueryRN , In my searchPG i have some display issue after running the page its looks like this
    For Example assue its a page with 3 field and one table region
    Employee no
    Employee name
    Phone no
    ResulttableBut i want my searchPG should hav some space between two field as shown below
    Employee no
    Employee name
    Phone no
    ResulttablePlease adviice me
    I appreciate all ur advice
    Thanks
    A.T

    Hi Peddi
    In my structure pannel I have simpleSearchPanel below that only i have the two lov fields ex: emp_no and emp_name . how to set the spacer between this From which Region where can find the spacer bean what proerty do i need to set
    Thanks
    AT

  • Space between regions , release 2

    Using Portal release 2:
    We cannot create a page using two regions that have their width spesified in pixels. Portal generates one table for each region, but with extra space between them.
    This did not occur in portal 3.0.9.
    Help appreciated.

    Anders and I have been struggling with that for a while, so we found the way around it: maybe nto most ideal way, but it works.
    Create an user interface template, that has the table in it, that defines the width. Than your regions will be put in that table, and they will stay like that.
    Hope that helps
    Tanja

  • Space between Regions

    Hi all,
    where can I define how many pixels are between the different Regions?
    Thanks in advance!!!
    Daniel

    Something you can try is making the right column a % so that it "fills" the rest of the page size out to the right.
    Thanks,
    Candace

  • How do you change the setting in iTunes for the time-space between songs in your playlist?

    I need help changing my setting in iTunes, the time-space between songs.  In setting up iTunes I selected the "three-second" and now wish I'd selected "five-seconds".  Any help will be appreciated.  Thanks.

    Thank you Chris.
    This was not the exact solution for my problem but by misreading your instructions I accidentally found the answer. Just as simple as you suggest. I had already ensured the Crossfade was unchecked in iTunes. What had actually changed with the last software update was the settings on my ipod. I can't believe I never checked this before.
    The solution:
    ipod settings > Playback
    Audio Crossfade = "Off"

  • Space between Items in a Region

    Hello,
    How do I put a space/whitespace between items in a region?
    For example I have to text fields on top of each other, I want to put some space between them without an input field?
    Regards,
    COlin.

    Hi Colin,
    there is no need to create additional items to increase spaces.
    Beter way to do this ( increase space between two items ) is:
    1. In form - go to Edit Page Item of the second item which folows the first one and put in the HTML Table Cell Attributes something like that: style="width:150";
    That increase label colon of the second item. You must be attentive that the value must be greater than the text in label of second item is.
    2. In report - go to Page Definition -> Report Attributes -> Column Attributes ( of your column ) and than put in the CSS Sytle of Column formating section something like this: width:150px. In this way you would increase you field and in the same way increas space between the columns in report.
    Regards,
    Zlatko

  • How can I set some space between buttons on the buttonbar

    I want to set some empty spaces between buttons on the button control bar?
    Thank you.
    Scott

    If you mean a JToolBar try addSeparator();
    If you mean a JMenuBar... I don't know!

  • How can i set the space between two button?

    Hello,
    I have
    <mx:HBox>
    <mx:Button label="one" />
    <mx:Button label="two" />
    </mx:HBox>
    how can i set the distance between this two compotents?
    Thanks

    quote:
    Originally posted by:
    robinbouc77
    Hi,
    you can use horizontalGap property on HBox to change the
    space between your buttons. I think the default value is 6. You can
    also use <mx:Spacer/>, but changing the gap on HBox is
    probably the cleanest way ;)
    C U
    perfect!!! works fine

  • 2 Data Sets - 1 Detail Region - HOW???

    I need to feed two separate XML data sets to one detail
    region. I tried a method (from a previous post) of adding both data
    sets to one detail region, separated by a space. It will only
    access the first data set listed and ignores the one that trails.
    E.G. -
    <div id="sidebar" spry:detailregion="emailData07
    emailData06">
    Thanks in advance for
    any help!!!
    Source follows:
    <div id="content">
    <div id="Acc1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div
    class="AccordionPanelTab">  2007 Email
    Archive</div>
    <div class="AccordionPanelContent">
    <div id="dataHolder" spry:region="emailData07">
    <table id="products">
    <tr>
    <th width="16%" spry:sort="bDate">Date</th>
    <th width="20%">Source Code</th>
    <th width="64%">Offer Description</th>
    </tr>
    <tr spry:repeat="emailData07" class="even"
    spry:setrow="emailData07" spry:hover="rowHover"
    spry:select="rowSelected" onclick="MM_effectAppearFade('boxshot',
    1000, 0, 100, true)">
    <td>{bDate}</td>
    <td>{sourceCode}</td>
    <td>{campaign}</td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <div class="AccordionPanel">
    <div
    class="AccordionPanelTab">  2006 Email
    Archive</div>
    <div class="AccordionPanelContent">
    <div id="dataHolder" spry:region="emailData06">
    <table id="products">
    <tr>
    <th width="16%" spry:sort="bDate">Date</th>
    <th width="20%">Source Code</th>
    <th width="64%">Offer Description</th>
    </tr>
    <tr spry:repeat="emailData06" class="even"
    spry:setrow="emailData06" spry:hover="rowHover"
    spry:select="rowSelected" onclick="MM_effectAppearFade('boxshot',
    1000, 0, 100, true)">
    <td>{bDate}</td>
    <td>{sourceCode}</td>
    <td>{campaign}</td>
    </tr>
    </table>
    </div>
    </div>
    <div class="AccordionPanelFooter"></div>
    </div>
    </div>
    <p>Questions? Revisions? <a
    href="mailto:[email protected]?subject=Email Archive Query"
    class="SelectedListBoxItem">Send Email</a></p>
    </div>
    <!-- Detail Region Starts Here -->
    <div id="sidebar" spry:detailregion="emailData07
    emailData06">
    <p id="boxshot" ><img src="{emailimage}"
    alt="{bDate} Email Screen Shot" /></p>
    <p align="center"><a href="{emailLink}"
    target="_blank" class="SelectedListBoxItem"><b>View
    Email</b></a></p>
    </div>

    Hey BSK,
    There are 2 ways to write data references, one more formal
    than the other.
    Short: {nodename}
    Formal: {dsname::nodename}
    The formal version will always work.
    The short version works when there is only one data set on
    the region or, WHEN IT IS LISTED FIRST.
    If you have a region with multiple datasets, data references
    that come from the data set that is NOT first must use the formal
    notation. This assures that we can distinguish between the data
    sets, in case of duplicate node names.
    So, for those data refs that come from emailData06, make them
    {emailData06::nodename}
    Make sense?
    Thanks,
    Don

  • How to remove space between two fields in emergency primary contact.

    How Can I remove a space between the two fields.IN emergency primary contact there are certain field called "C/O" and a i have added one text for this field inside that.But it is taking a big space between the "C/O" field and the text view.Plz suggest how I can re,move this?Also How Can I add new transparent container  with the end user personalization in the emergency contact field.

    Hi Peddi
    In my structure pannel I have simpleSearchPanel below that only i have the two lov fields ex: emp_no and emp_name . how to set the spacer between this From which Region where can find the spacer bean what proerty do i need to set
    Thanks
    AT

  • How do I reduce the space between headlines in Firefox via DW?

    Hi all,
    I have a website up and running, I can send the URL to anyone who thinks s/he may be able to help me.
    The webpages look great in Explorer Internet.  However in Firefox, there's a lot of unslight gaps between the main headline, the sub-heading, etc.  And I've tried to find out why it's like that, by peering into DW's coding part, but I can't seem to see the code that influence this.  Does anyone have any idea?
    I should add that I use a template for all of these webpages, and that I've set up editable regions within that template.  I get this feeling that the way I set up the editable regions may be part of the problem, so I'm going to go and test that hunch.
    In the meantime, if any of you have run into that problem in Firefox (but not EI), and have any suggestions, I'd really appreciate it.
    Thanks,
    Alexy

    Hello Sandra,
    Thanks for providing the link. I was actually right the first time. Your issue actually falls on browser compatibilties. Firefox has a different way of interpreting paragraph - <p>... </p> tags. By default, it adds some more space.
    I am inserting a screenshot here when I edited your page in Dreamweaver:
    Instructions:
    Highlight the group of text which has an issue - "Do you need....products?*".
    Go to the Tag Inspector grid (bottom part) where you can see blurred tags like <table>, <tbody>, <tr>, ... and the bold tags <mmtinstance:editable>.
    Right-click on the <p.blurb> tag and choose Remove Tag. This means this is a paragraph tag using the "blurb" class.
    After this you will see that the formatting for the highlighted group of text has been removed.
    While the texts are still highlighted, go to Insert menu > Layout Objects > Div Tag
    In the Class input textbox, type the word blurb and click OK.
    Save the page and preview it in Firefox again.
    Feel free to reply to this post for the updates.
    Thanks and have a nice day.
    Regards,
    Christine R.
    Adobe North America Technical Support

  • How do you remove the space between the lines in your email signature?

    I have a problem with my signature in business catalyst mail.
    I have added a logo and my signature and when I send the email it looks good.
    There is the space between the lines that I want.
    But when the mail is received it looks like this:
    with too much space between each line. How do I fix this?
    Thank you in advance for you help and your time.
    Regards Winnie

    Hello,
    Well the good news is it looks like it's going to be some css and html issues the bad news (for most people) is it looks like it's going to be some css and html issues.
    Couple things.
    Are you looking at vertical or horizontal spacing?
    Region 1 in the shipped themes are used for breadcrumbs and usually have set vertical spacing and margins.
    Have you looked at the other layout examples in that application, there's 2 that show different ways of getting exact layout.
    Look at your page template there is an attribute called
    Region Table attributes
    if it looks like
    summary="" cellpadding="0" border="0" cellspacing="0" width="100%"
    change it to
    summary="" cellpadding="0" border="0" cellspacing="0"
    and see if that helps?
    If you can put an example on htmldb.oracle.com thats the easiest way to help you out, as a rule it's very hard to debug UI issues without seeing them.
    Carl

  • How do I get rid of the 1/16" space between my igoogle homepage and firefox ribbon?

    I am currently running Firefox 4 and have igoogle set as my homepage. Both with the previous version of Firefox and with the new one I have about a 1/16 inch blue gap/space between the top of my igoogle homepage and the bottom of the Firefox ribbon/header. How do I get rid of this eyesore? It is only when I am on my igoogle homepage that this is a problem. All other pages are seamless.

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    Do a malware check with some malware scanning programs on the Windows computer.<br />
    You need to scan with all programs because each program detects different malware.<br />
    Make sure that you update each program to get the latest version of their databases before doing a scan.<br /><br />
    *http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
    *http://www.superantispyware.com/ - SuperAntispyware
    *http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
    *http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
    *http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
    See also:
    *"Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

Maybe you are looking for