Spacing Between Elements

How can I reduce the space between the two elements below (h2 & p)?
There is a significant gap between the two lines which cannot be reduced with padding / margin. The gap does reduce with font size but not as much as I would like.
<header>
<h2 id="BannerLineLarge">BPM Resolution Ltd</h2>
<p><span id="BannerLineSmall"> Process Management Solutions </span></p>
</header>

Cockney Viking wrote:
Thanks - that did the trick. It looked like these settings were set 0 in the CSS Designer, but they cannot be....
That's something Adobe should look at.
Rather than showing the margin as the grayed out 0px in the little display box of the css designer, it really should say "default" unless you change it to 0px. There are more than a few elements that receive "default css" given by the browsers, it would be nice if that was displayed as default, rather than assuming the person using the program knows there is a default.

Similar Messages

ABAP webdynpro how to give spacing between the UI Elements in a view

Hi Expert,
I am very new to webdynproapplication development. I am stuck in changing the look of the ui elements of the view.
Cud anyone explain how to set the spaces between the UI Elements on a View is there any method ?
I have set the Layout property to Matrix layout. But here I am unable to set the spacing between the deffernet elements as it is taking it automaticaaly and I am not able to allign all the Elements.
Need your help!.............thank you
Moderator message: wrong forum, please have a look in the dedicated "Web Dynpro ABAP" forum.
Edited by: Thomas Zloch on Apr 15, 2011 10:17 PM

Hi anushree.,
If u are using matrix layout:
In Layout Data select MatrixHeadData to display UI in next line.,
If u want to give space between UI elements in the width enter 50, 60, 70 or what ever space u want.
Also in the vGutter u can select medium , large , medium with rule to give space between UI elements.
n if u want to give space between lines ., in the height enter 30 40 or whatever spacing between lines u want.,
Matrix layout is a good layout., and u can play with colspan , hAlign, vAlign, vGutter, width and height options.,
If u dont like the layout with these options then use Grid layout., where u can give custom spacing., with the help of Left Padding, Right Padding, Top Padding, Bottom Padding.
reply if u need some more clarifications.,
Thanks & Regards
Kiran

How to maintain spacing between 2 elements in webdynpro

Hi Experts,
I got 3 pushbutton. I am using matrix layout but spacing(distance) between 3 of these elements is not uniform.
Please help me to make spacing between them to be uniform.
Thanks & Regards,
Niki

Hi Niki,
Use Vgutter property of buttons, use medium or large to make distance between buttons.
OR
Use Invisible UI Element and place between buttons it will give gap, give width of invisible element to move.
Cheers,
Kris.

Get Spacing between the two elements

Hi,
I have two groups and a table in in my layout .
In groups I have two input fields each
I want to provide the spacing between the groups.
How to do the above,
Edited by: SAP LEARNER on Nov 12, 2009 12:29 PM

hi ,
insert INVISIBLE element bewtween ur two groups
http://help.sap.com/saphelp_nwmobile71/helpdata/en/0f/f08841e3af1609e10000000a155106/content.htm
keep the layout like this :
Group1 ( MAtrix Head Data ) , n INVISIBLE ELEMENT(s) ( Matrix Data) , Group2 ( MAtrix Data )
u can find example in the Web Dynpro Application WDR_TEST_UI_ELEMENTS.
also refer the related threads:
Re: webdynpro abap
Re: Not able to display fields in new line while designing form?
n the other alternative ( though I wud recommend u to go with the first alternative ) , is insert a Text View UI and in the TEXT property of the UI , do not enter any text
regards
amit
Edited by: amit saini on Nov 12, 2009 1:01 PM

Carriage Returns in HTML Code Creating Extra Spaces Between Elements

I've looked online all over and can't find the solution to my issue. I've found several pages explaining a similar event, but no solution.
When placing many divs next to each other, I would like to visually view the code as one div per line: (see image) To get this, I have to use hard returns in my code (this method makes editing a lot easier visually). But doing so adds extra spacing between the divs which turns a 3 column set of thumbnails to 2 colums. I can fix this if I adjust the physical margins between the divs, but this can't be the only fix.
The other fix is if I place the code back to back to back (see image): This makes the div's behave and appear as they should, but now the code is a visual mess because it's all cluttered.
What I want is to be able to use as many carriage returns in my code and for browsers to disregard these types of line breaks in the code. So essentially, how can I get away from these extra spaces when using hard returns in code?

I think that both your pages have a missing </div> at the end somewhere.
Opps... that happened when I was stripping down the page to create a working example of my issue. I've fixed the missing div and re-uploaded both pages. The problem is still there.
Change display: inline; to float: left; and add margin: 0 0 4px 4px; (as shown below)
I had already tried using float, but something else in the code was forcing the columns to 2 instead of 3.
Have you used "Apply Source Formatting" ?
I use that religiously. I'm quite anal about visually clean code.
Well, I just fixed the problem while replying... funny... I removed the margins from the actual img element (.imageThumb img) and placed it on the div which surrounds the img (.imageThumb). I also reapplied the float. Thanks all for the help - it helped me rethink. But I could have sworn I had once placed the margins on .imageThumb before and it didn't work.
.imageThumb {
    width: 100px;
    height: 75px;
    display: inline;
    float: left;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
.imageThumb img {
    /*margin: 0px 10px 10px 0px;*/

TextField and CSS: How to control spacing between paragraphs

I'm using an external CSS to format a textField that has some
HTML text in it, let's say something similar to this:
myTextField.htmlText = "<p>paragraph
one</p><p>paragraph two</p>";
How can I control the spacing between paragraphs when there
is no support for margin-top or margin-bottom? I don't want to add
empty <p> or <br /> elements to my text since they
don't allow exact control and insert too much space. Is there any
good solution?
Thanks

I think rob day's suggestion has merits too. Either way I
don't see any other way but inserting an extra element that adjusts
the spacing somehow.
Yes, it sucks that the majority of styling declarations are
not supported but, on the other hand, it is not such a big deal to
insert an element especially with the powerful XML tools in AS3.
You can create a function that will preprocess all XML "page"
nodes and insert an extra <p> tag after each <p> tag
(see attached code)
I did not check if code works - it is just a concept.
The same approach can be taken with rob's suggestion but
inside the <p> element that comes with the XML.

Change spacing between "LED's" in 2D boolean array indicator

Hi All
In my application I am tring to mimic a LED matrix sign using a 2D boolean array indicator. Its obvious enough how to chage the size of the LED's in the array indicator but I would also like to reduce the spacing between LED's as I have very small leds with two much space between them!!
Could someone kindly send me an example or tell me waht steps to take using customize indicators function etc.
Also can this be changed programatically using property nodes, so for instance i can resize the spacing to mimic LED signs with different LED densities?
Many Thanks!
Tristan

Hi Tristan
You could try customising the boolean in your array. Right click on an element of your array, select Advanced->Customise.... You can then modify the appearance of the boolean to your requirements, using decorations for example to modify the spacing.
You will be prompted to update your array with the modified version once you have finished your edits.
Had a quick play, see attachments
Hope this helps
Steve
There are 10 types of people in the world that understand binary, those that do and those that don't.
Attachments:
ModArray.vi ‏9 KB
ModBoolean.ctl ‏6 KB

Spacing between sections on subform

Hello,
I have attached a file with the pdf print out. there are spacing between the sections, yet the section is trimmed and used as a subform to re-occur on the same page. what could be the issue?? I'm using a table as the row, and all columns contain fields that can can grow and shrink.
Is there a possibility (method) to let each section be adjacent to each other like an excel table?
Thank you,

Hello, thank you for your reply.
The problem is that i have three nested elements in the extract xml with variable amounts of these entries. This means that i can't remove the last subform. Yes i have checked the section in the last subform and it is 0.00 and Max from the top. The size of the section is was autosized, meaning that it is not bigger than the boundary of the table.
I hope this makes sense?
Thank you,

Spacing between portlets

Hi, I am new to portal and sorry if this is a silly question. How can I remove the spacing between the portlets?
In fact, whenI design my pages, should I insert the page elements as JSP/HTML portlets, if so, I need to remove the
spacing between them.
If there are other approaches, please help. Maybe overriding skeleton for each page?

You create a custom look and feel (or modify an existing one) .You will need to modify some areas of the skeleton as well the CSS in the skin to get the HTML as you want it.
If you choose an existing skeleton , ensure that you check the generated HTML and check the extra tags that the framework outputs and plan your CSS (and your mock html) accordingly

Pages 5: Spacing between bullets (not line spacing)

How can I control the spacing between bullets?
1. I clearly see how to control the spacing around a bullet relevant to its text. That's not what I'm referring to.
2. I clearly see how to set line spacing. That's not what I'm referring to.
What I'd like to do is keep a line spacing of 1.0 on the text, but add padding between list items (between bulleted content). The method in Pages '09 was to add buffer space "after the paragraph" (or before). However, in Pages 5.0 this option does not exist. Some of my bullets have enough content that wraps, which is why line spacing is not an acceptable solution.
How can I control spacing between bulleted list items, such that each chunk of content is better separated?
Thank you!

Silly me. I have located it, by expanding the Spacing menu. The control I'm looking for is right there.
I've included a screencap, in case anyone else misses the obvious like I have. Thanks for looking!

Lightbox Slideshow adjust spacing between thumbnails

Hi
This is actually a two part question -
1. I want to give a collage look to my slideshow, without any spacing between thumbnails. How can I remove all the space between thumbnails.
2. For all the thumbnails I want -"Fit the frame proportionally" and for all the big lightbox images I want "Fit Content proportionally" so that vertical and horizontal images are not cropped in the Lightbox view. How can I do that for all the images together rather than going one by one.
Thanks in advance.
-MP

Hi MP,
For your 1st request, the Thumbnails (containers that hold the thumb images) cannot be resized individually and maintain same dimensions for all the thumbnails. For this reason, even though you can remove all spacing between Thumbnails by selecting the Thumbnail Container and specifying H and V Gutter in the Spacing Panel to 0 -- if your slideshow images are of mismatched dimensions and proportions and you have Fit Content Proportionally selected as the Fitting option, then there will be an inevitable space around the thumb images either vertically or horizontally. You can work around that by using the Fill Frame Proportionally option.
For your 2nd request. you can choose the appropriate option in the Flyout menu for "New Hero" and "New Thumbnail" options BEFORE adding the new images to the slideshow. The selection you make here will be applicable for images that you add after setting this option. So the appropriate workflow would be to setup your slideshow the way you want, then choose the appropriate option for New Hero and New Thumbnail and then add all your images to the slideshow.
If you want fine grained control over thumbnail and images, you may look at Composition Widgets which allow you to manually place and size all content individually and still allow you to use the composition as a slideshow upon publishing.
Thanks,
Vikas

Spacing between letters

HI friends,
we are currently involving in scripts upgradation from 4.6c to Ecc 6.0.
we are facing a small problem that there is a spacing between letters , when we upgrade the document in Ecc6.0.
could u pls help me how to overcome this problem.
Hope u are undestood my query.
Thanks & Regards
ravi

Hi, anji
I have checked the font attributes, but its same in both 4.6c and Ecc6.0.
Could u pls let me know, is there any other reason.
Thanks & regards
ravi.

Spacing between lines is not consistent!

Dear co-community members,
I am a happy Pages user since a couple of months, but I just discovered a weird thing and that is: the spacing between the lines is not consistent! I am typing my document with margins left and right: 2,25 upper and under: 2,00. I use Helvetica Neue Light in 10. And I have tried several spacings: 1,15 - 1,3 - 1,35 - 1,4 but the spaces between the lines are not consistently as big or as small as they need to be.
I discovered this when I was test printing it and I saw something was off - on paper, I thought it was my printer. But I also checked the document again: spacing was 'the same' in the whole document according to the info window. But I could see it with my bare eyes that it was not consistent (on screen nor on paper). I put the screen on 200% and I took a ruler and the spaces vary with 1mm when for example the spacing is set on 1,3. I don't think this is normal and I cannot find any solution nor explanation for it.
I am using a MBP Retina 13" late 2012 and I have the most updated/recent version of Pages/OSX. Please let me know whether I did something wrong or are my eyes just too good hahah - or it is an 'error' in Pages .
Kind Regards,
Ning.

@PeterBreis0807 & @Barry
I actually don't have any objects or other material/fonts in my text (yet) that are not uniform size . I wanted to make a print screen from a part of my text, but I am not sure if I am allowed to post that here since I am typing a literature review with references.
I btw do have headings in small capital (Helvetica Neue - Medium), it might not be Helvetica Neue Light also but I have never had problems with headings in another font causing inconsistent spacing between the rest of my text .
Thank you for your reply!
Ning.

Consistent vertical space between elements in page layout--Pages 09

Hello,
Is there a way to maintain a consistent amount of vertical distance between elements in the Pages 09 layout view?
Thanks,
~A

Select a series of objects:
+Menu > Arrange > Distribute Objects+
Or use:
+Inspector > Objects > Metrics (6th tab)+ to position them accurately.
When you move objects Pages offers you various alignment guides to position them relative to other objects edges' or centres.
Peter

Adjusting Spacing Between Thumbnails

Minor but annoying problem here. I don't know what I did but somehow all my thumbnails are now spaced REALLY close together (like, 1/8 of an inch apart). They were not like this before. I've tried adjusting the slider at the bottom right hand corner but that only changes the size of the thumbnails themselves, not the spacing between them. Having them so close together really makes it a pain in the a** when I'm trying to highlight a bunch of photos with my mouse. Any suggestions...?

Press "u".
Toggling the Browser Metadata Overlay off enlarges the thumbnails and moves them closer together. Handy, actually -- but not knowing how to control it makes it frustrating.
If you don't know what the Metadata Overlays are -- now's the time to learn. Search the forum or the [User Manual|http://documentation.apple.com/en/aperture/usermanual/index.html#chapter =11%26section=2%26tasks=true], and ask if you have any questions.

Spacing Between Elements

Similar Messages

Maybe you are looking for