You are looking at the top and bottom margins on the
<p> tag within that
<div>. Limit them.
And get rid of the hack! 8)
> Also, when I put an image inside the box01 things get
weird with the next
> h2. What do I need to do about that?
> clear: both;?
Yes - you would put it before you close the div.box01 -
<h2>Listing Name</h2>
<div class="box01">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Cras
rhoncus.Nulla facilisi. <br />
Read more >></p>
<br style="clear:both;">
</div>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Brian" <[email protected]> wrote in message
news:[email protected]...
>I have this space between a h tag and my div and I am not
sure why.
> The issue I am talking about is on this page in the
right hand column:
>
http://www.agilitygraphics.com/clients/c21/
>
> The css I have for those is this:
>
> h2
> {
> font-size:10px;
> color:#363;
> background-color:#C7DBA9;
> letter-spacing: 1px;
>
> height: 20px;
> display: block;
> border:none;
>
> padding: 5px 0 0 12px;
> margin: 0;
>
> voice-family: "\"}\"";
> voice-family: inherit;
> height:16px;
> }
> div.box01
> {
> padding: 0 0 0 12px;
> margin: 0;
> background:#E9F3E8 url(../images/general/box_bg_01.gif)
repeat-x;
> }
> div.box01 img
> {
> float:left;
> padding: 0px 5px 5px 0px;
> }
>
>
> My html looks like this:
> <h2>Listing Name</h2>
> <div class="box01">
> <p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras
> rhoncus.Nulla facilisi. <br />
> Read more >></p>
> </div>
>
> How can I get them flush up against eachother?
>
> Also, when I put an image inside the box01 things get
weird with the next
> h2. What do I need to do about that?
> clear: both;?
> Where would that go? I kind of tried it, but it did not
seem to do the
> trick?
>
>
> Thank you for any help!!!
>
> Brian
>
>

Similar Messages

CSS wierds - spaces between div tags

Safari v4.0.4
I'm seeing spaces between div tags that are not appearing in FF3.x or IE7&8
I have inspected these tags and I can not locate where or what might be pushing the div's appart..
Example: http://dev7.esonicspider.net/facility_overview.html
Notice the black bar under "Prepare For Frequent Infection Control...." sub title in the header
The image is 800x209px and the div is defined as the same:
div#splashfacilityov { position:relative;
background:url('images/facility_header.jpg') 0 0 no-repeat;
width:800px;
height:209px;}
..the next div in the stack is:
div#submenubar { position:relative;
background:url('images/submenu_bkgr.jpg') 0 0 no-repeat;
width:800px;
height:24px;}
I have played around with both and can not see why that 20px bar is there between the two div's
Any hints as to what Safari needs here..??
Thanks John...

Found that
@charset "UTF-8";
in the style sheet was the main problem..

White space between header and main content

Hello all! I have a 25-27px white space between my header and
main content. I read through fixes in the forum and took out any
height that would effect this gap. I still can't get rid of this
white space. Your help is greatly appreciated! Here's the Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<link href="p7hscroller/s7/p7HSM07.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7hscroller/p7hsmscripts.js"></script>
<style type="text/css">

</style>

<script type="text/javascript"
src="slideshow.js"></script>
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<pre><span
class="style4">US-AsianMates</span><span
class="style6">.com</span> <strong><span
class="style9">JOIN FOR FREE <span
class="style7">OR</span> MEMBER LOG
IN</span></strong>
</pre>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="#"
class="style16">HOME</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">ABOUT US</a></div>
</li>
<li>
<div align="center"><a href="#"
class="style16">WHY JOIN US?</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">VISA SUPPORT</a></div>
</li>
<li>
<div align="center" class="style16"><a
href="#">EVENTS</a></div>
</li>
</ul>
<pre>
</pre>
</div>
<div id="mainContent">
<div id="apDiv1"><img
src="Images/Outdoor_Bride1.jpg" alt="Bride" name="Bride"
width="525" id="Bride" /></div>
<p> </p>
<p><br>
</p>
<pre>
</pre>
<table width="200" border="1" align="left">
<tr>
<td><img src="Romantic_Kiss.jpg" alt="VISA"
name="VISASUPPORT" width="200" id="VISASUPPORT" /></td>
</tr>
<tr>
<td><img src="Surfing_At_Home.jpg" alt="JOIN"
name="WHYJOIN" width="200" id="WHYJOIN" /></td>
</tr>
</table>
<pre></pre>
<div id="apDiv3">
<div align="center">
<div align="left">
<pre class="style14"> <strong>LIVING
PROOF</strong>
<span class="style15">"12 YEARS AGO I WENT TO
THE PHILIPPINES IN HOPES
OF FINDING MY FUTURE WIFE. 11 YEARS LATER,
I AM HAPPILY MARRIED! WE ALSO HAVE AN ENERGETIC
5 YEAR OLD SON! DREAM IT, LIVE IT! IT CAN
HAPPEN TO YOU ON US-ASIANMATES.COM
CHRIS"</span></pre>
</div>
</div>
</div>
<pre> </span>
</pre></pre>
<p>
<br>
<pre>
</pre>
<div id="apDiv7"></div>
<div align="center">
<pre>
<script type="text/javascript">
// <![CDATA[
XMLFlashSlideshow_v3({swf:'slideshow.swf',w:'580',h:'140',redirect:'',usePreloader:'true', xml:'slideshow_data0.xml',preventCache:'true',disableMultipleXML:'false',initXML:'%3C?xml% 20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Cslideshow%20version=%223%22%3E%3Cstyles%3 E%3CPreloader%20label=%22Loading%20%7BN%7D%2525%22%20iconColor=%22#666666%22%20iconAlpha=% 2270%22%20iconWidth=%2250%22%3E%3C/Preloader%3E%3CPreloaderLabel%20font=%22Verdana%22%20si ze=%2210%22%20color=%22#666666%22%20bold=%22false%22%3E%3C/PreloaderLabel%3E%3CBackground% 20backgroundColor=%22#FFFFFF%22%20backgroundAlpha=%22100%22%20bevelColor=%22#FFFFFF%22%20b evelStrength=%2270%22%20borderWidth=%222%22%20borderColor=%22#000000%22%3E%3C/Background%3 E%3CLoaderAnimation%20type=%22circle%22%20color=%22#FFFFFF%22%20alphaBackground=%2220%22%2 0alphaInner=%2240%22%20frameWidth=%222%22%20width=%2250%22%20height=%2250%22%3E%3C/LoaderA nimation%3E%3CDataLoader%20useAnimation=%22true%22%20useLabel=%22true%22%20labelPlacement= %22bottom%22%20fadeOutDuration=%22400%22%20textFormat=%22loader_text%22%3E%3C/DataLoader%3 E%3C/styles%3E%3Clocalization%3E%3Ctext%20orig=%22Loading%20Data...%22%20local=%22Loading% 20Data...%22%3E%3C/text%3E%3C/localization%3E%3Cfonts%3E%3Cfont%20id=%22loader_text%22%20n ame=%22Pixelade%22%20embed=%22true%22%20size=%2213%22%20color=%22#666666%22%20bold=%22fals e%22%20selectable=%22false%22%20align=%22left%22%3E%3C/font%3E%3C/fonts%3E%3C/slideshow%3E '});
// ]]>
</script>

</pre>
</div>
<pre>
</pre>
<pre> </pre>
<pre> </pre>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
<script type="text/javascript">

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

"phillychris" <[email protected]> wrote in
message
news:[email protected]...
> Yep, it was the 1 pre tag creating the gap. So why is
this page a
> disaster, Tim?
Just because something is created in DW CS3 doesn't mean it's
not a
disaster, any more than using DeWalt power tools guarantees
that my
carpentry won't be a complete mess. The software is not a
replacement for
skills. It is a tool; your workflow and understanding of HTML
and CSS is
what allows you to use DW effectively.
So why did I call this page a disaster? When I see all that
extra markup,
spans, and inline tags, I shudder. It's way too hard to
troubleshoot. You're
not doing nearly enough with descendant selectors; instead,
most of your
code is inline, despite a huge CSS file.
Just one example: individual li tags with div align="center"
inside of them.
Way overkill. If you're centering all the li text in a given
list, control
it with CSS and kill all that extra markup.
E.g.
.MenuBarHorizontal li { text-align:center; }
In fact, if all there is in that .MenuBarHorizontal is the
list, you don't
even need to specify the list in the CSS. Just do:
.MenuBarHorizontal { text-align:center; }
Now you don't need div tags inside your li at all.
And if all of those a tags in that menu are going to be
.style16 class,
don't specify it on each link. In fact, don't even have a
.style 16 class.
Heck, since it's just specifying font size, you don't need to
target the a
tag at all. Just add font-size:x-small; to the
.MenuBarHorizontal ruleset I
gave you above.
The above are just examples from a quick glance at your code.
On the whole,
your markup and approach to styles are largely wasting the
power and point
of CSS.
In addition, several styles spanned onto one line of text...
a sure sign
that either you are using far too many styles to make design
sense, or else
you've got styles that overlap each other.
Here's my advice: Until you get a better handle on CSS, don't
style things
as you go. Forget styles altogether at the start. Create a
very clean HTML
markup and put ID and class selectors on things you know will
need them.
Preferably, place the HTML elements in the order you would
want your page
read if styling did not even exist, nesting elements where
necessary.
After you have created all the HTML structure, then go back
and style the
elements via CSS only. You will end up with less page weight
and far cleaner
code to decipher, not simply in terms of length but in terms
of conflicts
and redundancies.
If you're really insistent on styling things as you go, at
least do this:
don't create a new style every time you want to accomplish
something. Create
CSS rules for IDed containers and container classes. Then as
you go along
and are about to create a style, ask yourself where you are
and what all
this new rule needs to apply to. Specify the rule there,
under the selector
you've already created. Then you won't have .style1 -
.style16 like you do
now, and you won't have all that inline mess of code to sort
through.
Finally - as you create your CSS, discipline yourself to
avoid style spans.
They are necessary on the odd occasion, but very rarely.
Think semantically
(i.e. purpose of the style point you're making at a given
time).
For example, if you're tempted to create a span in order to
put something in
bold red, ask yourself: "Why?" Generally, it means you want
to place special
emphasis or strength on that. Well, in that case you don't
need a span. You
need to be using the proper tag, such as <em>
(emphasis) or <strong>. Then
you can style that tag in CSS. That way, what you have in
your page actually
makes sense apart from the style, and as a bonus you can
apply or edit your
style easily.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com
Be smart:
http://www.pactumweb.com/client/tips.php

Space between content and logo

Playing with fluid layouts and getting a space between logo and content DIV's
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Playing with Liquid Layouts</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
          <div id="logo">
              <h1>Welcome to Liquid Layouts</h1>
              <h2 class="logo">Place your slogan here...</h2>
          </div>
          <div id="navigation">
    <ul>
              <li>Home</li>
        <li>Page 1</li>
        <li>Page 2</li>
        <li>Page 3</li>
        <li>Page 4</li>
        <li>Page 5</li>
    </ul>
    </div>
    <div id="content">
    <h1>Adding this element creates a space between logo and content...</h1>
    </div>
          <div id="footer">
    </div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
body
          text-align: center;
div#container
          margin-left: auto;
          margin-right: auto;
          min-width: 600px;
          max-width: 2000px;
          text-align: left;
          width: 85%;
div#logo h1, h3
          padding-left: 20px;
          margin-bottom: 0;
div#logo h2
          padding-left: 35px;
          margin-top: 0;
          font-size: 125%;
div#logo
          background-color: #F00;
          width: 100%;
          height: 300px;
div#navigation
          background-color: #0F0;
          width: 25%;
          height: 600px;
          float: left;
div#navigation ul
          padding-left: 25%;
          font-size: 150%;
          list-style-type: square;
div#content
          background-color: #C93;
          width: 100%;
          height: 600px;
          margin-top: 0px;
div#footer
          background-color: #69F;
          height: 30px;;
.footerP
          margin-top: 0px;
          padding-left: 2%;
          line-height: 35px;;
PICTURE:
[IMG]http://i.imgur.com/1nGUG.jpg[/IMG]

The space is caused by the default margin in your H1 tag. As such, you need to define a style for H1:
h1{
margin-top:0;
padding: ??;
You can add padding to move the H1 away from the edges of the surrounding DIV.
EDIT:// An after thought. If you are "Playing with fluid layouts", you might want to consider not using heights and/or set the heights/widths in % values.

Safari 4 won't render all text between pre and /pre tags

I am unable to read text between <pre> and </pre> tags in Safari 4.0.3 for Snow Leopard. The problem started when I upgraded to Snow Leopard, but I'm afraid I might have corrupted something when I ran a piece of nastiness called Leopard Cache Cleaner that also corrupted some other preferences. I tried deleting .com.safari.plist to no avail. Anyone heard of this problem or have a solution?

I found the solution - it turns out that Safari's "fixed width" font was supposed to be Courier, but for some reason Courier wasn't loading properly. Setting another Fixed width font fixed the problem.

How to maintain space between value and base unit of measure in sapscript

Hi Guys,
I am working on an upgradtion project, i have problem like while upgrading from 4.6b to 5.0. i need to main a space between value and base unit of measure. can anyone letme know how to maintain in the form. I mean in sapscript.
Thanks,
Yogesh

There are a couple of ways to handle this, if you need a bigger space between, you can use tabs in the paragraph format. Or you can just write the space in between the fields like so.
ZA &MSEG-MENGE& &MSEG-MEINS&
Regards,
RIch Heilman

How to maintain space between table and header in ssrs

Hi Everyone,
I have created a report. In page header of this report, On First Page space between header and
body is good , but from next page, space is not maintain.
Please suggest me how to maintain space at every page of report.
Thanks.

Can you post a screenshot?
This can be achieved if you are repeating column headers on each page. Just change row height of header and align text to bottom, and make sure there is no space between Page Header and Tablix.
- Vishal
SqlAndMe.com

The Correct Space Between You And Your Monitors

Something that always crossed my mind was the space between your monitors and where you are seated. How far exactly are you supposed to be positioned from your speakers in order to read and hear correctly. Most producers would comment that people produce in all types of environments, headphone close rang monitors, far range monitors. But what exactly is the ideal space between you and your speakers? To look into this issued even more closely each speaker is designed differently, there for you cannot look at them all equal as far as performance is concerned.
How far are you away from your speakers?

dude it depends what you want
I got mine at about 1-meter to 1.5-meters at my home studio
at the big studio i've got two pairs of monitors in there and they both 1.5 meters
other people will go as far as 3-meters, in your case get abit closer as you said before that your room is not acoustically treated there for sitting too far away will give you a mix of 50% of the speakers and 50% of the room
but you need 80% of the speakers and 20% of the room
ps: don't just leave this topic alone and start another one, because its annoying when people don't if you've been help or not and they keep trying to help you
and people also don't know if you are reading your post or your just using it as an amusement forum just for fun on your lunch breaks
so please reply back and let people know if they've helped
stash

Safari 4 won't accurately render all text between pre and /pre tags

I am unable to read text between <pre> and </pre> tags in Safari 4.0.3 for Snow Leopard. I will only get some of the text but not all. The problem started when I upgraded to Snow Leopard, but I'm afraid I might have corrupted something when I ran a piece of nastiness called Leopard Cache Cleaner that also corrupted some other preferences. Has anyone heard of this odd problem, or have a fix for it? I tried deleting com.apple.safari,plist to no avail.

I found the solution - it turns out that Safari's "fixed width" font was supposed to be Courier, but for some reason Courier wasn't loading properly. Setting another Fixed width font fixed the problem.

Need to remove the space between Menu and the Inner screen

Hi
I am using forms 10G.
In my screen there is some space is coming in between menu and the inner screen and also same in the left side as well .
So can any one tell me which parameter I need to change so that the inner screen should display just below to the menu and same for the left side as well ?

Hi
Yes , If I change that then it is woring fine .
But my question is :- I have 10 forms in server , and in 2 forms I have changed some functionalty then I have FTP it to server .
Now all the forms are coming with some spaces between menu and inner screen . This is what I am little confused .

Space between DIV with image and DIV with image background

I have just about finalized the new design on my website. The only issue I am having now is on the gallery page. There is a thin space between a DIV with an image and DIV with an image background. I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas?
http://liquidfirefishing.com/index.php
http://liquidfirefishing.com/gallery/main.php
Here are a couple of screenshots to show exactly what I mean.

Hello,
both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
Header 1
Header 2
Hans-Günter

Spaces between DIV - How do you remove or adjust them?

I'm having trouble understanding the following.
How do you remove the space between the DIV. There is a space
between the Banner DIV, Main Content DIV and Footer DIV as shown in
the
Demo Page.
How do you adjust these spaces? I have tried all I know.
Please take a look at the codes by clicking the link below.
http://www.nucenturemusic.com/pr_wst2.html
I have created a demo page to illustrate this problem, or
should I say my lack of knowledge.
The space is between the Banner DIV, Main Content DIV and the
Footer DIV.
Thanks very much for you help.
Patrick

Murry,
I agree and I'm still learning. But in the context of the
current discussion it seems it would squish all the <p>
without the addition of your approach.
I know when I begin to add text to a new div that these
<p> tags are automatically inserted and cause the extra space
the OP referenced.
Is the correct approach then to add a descendant selector or
remove the <p> or remargin the <p>?
Thoughts? Thanks.
Glenn
quote:
Originally posted by:
Newsgroup User
It could, but not if you add the concept of descendent
selectors. By adding
a descendent selector to the rule, you can restrict that
margin setting to a
single collection of <p> tags, e.g.,
<div id="thisOne">
<p>...</p>
<p>...</p>
</div>
<div id="butNoneOther>
#thisOne p { margin:0; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"GEAtkins" <[email protected]> wrote in
message
news:g1n70i$qcv$[email protected]..
>I am a little confused then. Would this not then cause
every <p> to have a
> margin of zero or whatever and cause them all to be
crammed together down
> the
> page?
>
> Glenn
>
>
>
quote:
Originally posted by:
Newsgroup User
> .oO(GEAtkins)
>
> >Try removing the <p> from below. See if that
works.
>
> Bad idea. The 'p' is the appropriate markup for that
piece of text. The
> correct way is to use CSS to adjust the paragraph's
margins as needed.
>
> Micha
>
>
>
>

Creating a space between image and text

www.bristolequestrianservices.co.uk
On my index page I have created another social media buttons on my page on my right side. Don't want to confuse people but the #social-media-icons2 are on my right side as I wanted to change the margins.
I want a gap between my h2 tag "view gallery" and then the photo and a gap after the photo and follow us... Thanks Karen
css
#social-media-icons
{ float:right; }
#social-media-icons ul li
{display:inline; }
#social-media-icons ul
{margin-top:40px; }
#social-media-icons2
{ float:left; }
#social-media-icons2 ul li
{display:inline; }
#social-media-icons2 ul
{margin-top:10px; }
<div id="rightside">
                  <h2>Latest News</h2>
            <p><a href="newpictures.html">New Pictures Added</a></p>
            <p><a href="testimonials.html">New Testimonials</a></p>
            <h2>View Gallery</h2><br>
            <img src="images/photos/1a.jpg" /><br>
            <h2>Follow Us</h2><br>
       <div id="social-media-icons2">
                  <ul>
                      <li><a href="https://www.facebook.com/groups/150449201771804/"><img src="images/icons/facebook.jpg" /></a></li>
              <li><a href="£"><img src="images/icons/rss.jpg" /></a></li>
              <li><a href="http://www.twitter.com"><img src="images/icons/twitter.jpg" /></a></li>
              <li><img src="images/icons/youtube.jpg" /></li>
            </ul>
                    </div>

The H2 tag is absorbing a rule applied to many elements on line 10 of styles.css (margin:0;padding:0;).
Being the H2 tag is used in so many contexts you probably don't want to add a concrete padding rule for all H2's. You might want to add a generic utility class to it, e.g.:
h2.padBottom10 {
   padding-bottom: 10px; /* change to desired amount */
The "Follow Us" tag is a good example of this because it would have absorbed that bottom padding if you didn't use a class for it. It also should have a generic class applied to it so other H2's are not affected, same as above but a different utility class:
h2.padTop10 {
     padding-top: 10px;
As always with CSS there's a million ways to do it but on specialized items like this, if it only appears in one place or has a smaller purpose, applying a general utility class can be useful.
Then you'd just add the class to the H2, e.g. <h2 class="padBottom10">View Gallery</h2>, <h2 class="padTop10">Follow Us</h2>.

How to introduce Space between currencyCode and number using convertNumber in adf

Hi,
We are trying to use the af:convertNumber tag inside the af:outputText to apply the currency code in front of the number.
We would like to introduce a space between currency code and number by using the currency converter.
Sample code snippet is as below.
Eg.
<af:outputText value="#{pageFlowScope.myManagedBean.annualSalary}" id="aot8">
<af:convertNumber type="currency" currencyCode="USD"/>
</af:outputText>
Output shown from the above code is as: USD11,234.00
but we want to display as : USD 11,234.00(space after USD)
Please suggest us as what we can use to achieve the above requirements.
we are using jdev version 11.1.1.5.0 on windows 7 OS.
Thanks,
Shivaji

Timo,
if we use value="USD #{pageFlowScope.myManagedBean.annualSalary}", other default formats for the number will not work, it will treat as a string, even if we pass the number/bigdecimal type to the outputtext.
And if we write two separate output texts that will be bad way, to achieve this, as we have many fields to apply the same in our application.
Looking for better options on this.
Thanks,

Phtmlb: space between Label and Field

Hello,
I am using <phtmlb:matrix> to arrange the fields next to one another on the view. For fields, <phtmlb:formLayoutInputField> is used in which case the label is taken automatically through binding to DDIC fields. At one particular row of matrix, it is required to break-up the cell in 3 more cells, so that I can display 3 fields adjacent to one another in the space of one cell. For this I am nesting one more matrix inside the outer matrix.
Something like this...
<phtmlb:matrix>
<phtmlb:matrixCell row = "1"
col = "1" />
<phtmlb:formLayout>
<phtmlb:formLayoutInputField>
</phtmlb:formLayout>
<phtmlb:matrixCell row = "2"
col = "1" />
<phtmlb:matrix>
<phtmlb:formLayout>
...3 fields next to one another / 3 cells
</phtmlb:formLayout>
</phtmlb:matrix>
</phtmlb:matrix>
I am able to acheive the desired output of 3 fields next to one another, but facing the following problem.
To get the inner matrix(3 fields) into effect, i need to close the <phtmlb:formLayout>.
Now, the first row properly shows all the filds one below the other with proper spacing between the label and input output field.
(Actually all the input_output fileds are placed at a distance of largest text/label in one formlayout).
But when the second row starts, the spacing between label and field is no longer taken as per the first row in above case.
Is it because since a new <phtmlb:fomlayout> is started , the spacing will be as per the elements in this new formlyout. If yes, How can I assure the same spacing between elements of two different formlayouts. I tried "fieldToLabelFactor" but since no. of fields in my page is too large, I can't afford to decide this factor for every <phtmlb:formLayout>.
Or is there any better way to acheive the required output.
Thanks ,
Priti

did u get the solution?

Space between div and h tag

Similar Messages

Maybe you are looking for