Heading Spacing Issues

OK, we are doing some scientific papers that are initially done in Microsoft Word, and converting over to Pages.
Headers are done as follows:
2.1 Product Description
But when we move them over to Pages we get
2. 1 Product Description
Anyone know how we can get rid of that space??
We are both new to this program, and we are test running it before we do a total switch over to "This is the Way Things Are Done"

How are you trying to change the style? With your cursor in a paragraph with the spacing as you want it, the triangle in the styles drawer next to that style should be red. If it is, click & hold on the triangle & then select Redefine Style From Selection.

Similar Messages

  • Spacing Issues and You Tube embed not playing in IE8, OK in Chrome or Safari

    There are spacing issues (makes the website pages look like they are puzzle pieces) on all the webpages in
    IE8, but in Safari and Chrome the website works fine.  Same for the You Tube embed.
    My wife did the layout of the website in Ilustrator and then transfered over the design to Dreamweaver CS3
    (she's a graphic designer - I stopped asking questions long ago).  Since she uses a Mac, it looked fine to her
    in Safari.  She took it to her work computer (PC) and tried to see if there were any issues detected when viewing in CS5
    and she said it was fine.
    Here is the URL: [url deleted by host]
    here is the index file code (main page):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
    <head>
    <title>Columbus Tile and Grout Cleaning Experts</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    <!--
    .style1 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                color: #FFFFFF;
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <link href="borderstlye.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#002654" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('images/cleaning_b.jpg','images/sealing_b.jpg','images/repair_b. jpg','images/restore_b.jpg','images/about_g.jpg','images/cities_g.jpg','images/black_email .jpg')">
    <!-- ImageReady Slices (index.ai) -->
    <table id="Table_01" width="720" height="575" border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                            <td colspan="7" align="left" valign="top">
                                        <img src="images/index_01.jpg" width="720" height="73" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="73" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="13" align="left" valign="top">
                                        <img src="images/index_02.jpg" width="46" height="502" alt=""></td>
                            <td colspan="6">
                                        <a href="about_contact.html"><img src="images/index_03.jpg" alt="" width="674" height="24" id="Image5" onmouseover="MM_swapImage('Image5','','images/about_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="24" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="cleaning2.html"><img src="images/index_04.jpg" alt="" width="90" height="95" id="Image1" onmouseover="MM_swapImage('Image1','','images/cleaning_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td rowspan="11">
                                        <img src="images/index_05.jpg" width="109" height="445" alt=""></td>
                            <td colspan="3" rowspan="4" align="left" valign="top">
                                        <img src="images/index_06.jpg" width="226" height="215" alt=""></td>
                <td rowspan="4">                    <a href="mailto:info@urldeleted by host]><img src="images/index_07.jpg" alt="" width="249" height="215" class="border" id="Image7" onmouseover="MM_swapImage('Image7','','images/black_email.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="95" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_08.jpg" width="90" height="16" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="16" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="sealing.html"><img src="images/index_09.jpg" alt="" width="90" height="93" id="Image2" onmouseover="MM_swapImage('Image2','','images/sealing_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="93" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="2">
                                        <img src="images/index_10.jpg" width="90" height="16" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="11" alt=""></td>
                </tr>
                <tr>
                            <td colspan="3" rowspan="5" align="left" valign="top">
                                        <div><script type="text/javascript">
    AC_AX_RunContent( 'height','181','width','226','src','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscr een','true','movie','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3 a3a&color2=0x999999&border=1' ); //end AC code
    </script><noscript><OBJECT height="181" width="226"><PARAM name="movie" value="http://www.youtube.com/v/UjTfSuPyhf0&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&a mp;color2=0x999999&amp;border=1"><PARAM name="allowFullScreen" value="true"><PARAM name="allowscriptaccess" value="always">
                                             <embed
                src="http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1"
                type="application/x-shockwave-flash" allowscriptaccess="always"
                allowfullscreen="true" width="226" height="181">            
                </embed></OBJECT></noscript></div>
                </a></td>
                            <td rowspan="4" align="left" valign="top">
                                        <img src="images/index_12.jpg" width="249" height="128" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="5" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="repair.html"><img src="images/index_13.jpg" alt="" width="90" height="92" id="Image3" onmouseover="MM_swapImage('Image3','','images/repair_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="92" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_14.jpg" width="90" height="18" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="3" align="left" valign="top">
                                        <a href="restoration.html"><img src="images/index_15.jpg" alt="" width="90" height="92" id="Image4" onmouseover="MM_swapImage('Image4','','images/restore_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="13" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="3" align="left" valign="top">
                                        <a href="about_contact.html"><img src="images/index_16.jpg" alt="" width="249" height="102" id="Image6" onmouseover="MM_swapImage('Image6','','images/cities_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="53" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="2" align="left" valign="top">
                                        <a href="url deleted by host]" target="_blank"><img src="images/index_17.jpg" width="88" height="49" alt=""></a></td>
    <td rowspan="2">
                                        <img src="images/index_18.jpg" width="47" height="49" alt=""></td>
                            <td rowspan="2" align="left" valign="top">
                                        <a href="url deleted by host" target="_blank"><img src="images/index_19.jpg" width="92" height="49" alt=""></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="26" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_20.jpg" width="90" height="23" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="23" alt=""></td>
                </tr>
                <tr>
                            <td width="674" height="33" colspan="6" align="left" valign="top" bgcolor="#FFFFFF"><span class="style1">Your tile and grout cleaning, restoration, and repair experts. Some of the cities serviced: Columbus, GA; Fortson, GA; Hamilton, GA; LaGrange, GA; Midland, GA; Pine Mountain, GA; Phenix City, AL; Smiths, AL; Auburn, AL.</span></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="33" alt=""></td>
                </tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>
    Please help!

    Please note my anti-virus program is warning me that your website is harmful.  Please correct it immeidately or your link will be removed from Adobe's forum.
    This is what F-Secure says:
    <http://browsingprotection.f-secure.com/swp/result?url=http%3A%2F%2Fwww.cleaningsolutionsun limited.com%2F&lang=ENG>
    This is what Mcafee says about your site:
    <http://www.siteadvisor.com/sites/http%3A//www.cleaningsolutionsunlimited.com/>
    Good luck.

  • Spacing Issue MSIE 8 vs Firefox 3.6

    This page has VERY pretty ugly code, I know. It's a page nested within a Miva Merchant 4.24 framework. I'm hoping to clean it up later, since this is only day one.
    But I've embedded all the CSS code in the page for the time being and I'm hoping someone can help me reconcile spacing issues between MSIE 8 and Firefox 3.6
    http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc
    In MSIE, there is about 20px of white space above the header that does not appear there in Firefox. I have zeroed out margin and padding in the body tag which I thought would take care of it but has not.
    At the same time, in Firefox, there is some white space above the first of the green buttons in both the left and right columns, which I how I want it. But that space does not occur in MSIE. The buttons touch the black nav bar above them.
    If anyone has any ideas, I'd sure be appreciative of the input.
    Thanks,
    Scott

    Assuming I applied it correctly? I believe I did.
    Here's how I applied it:
    #LeftColumn {
         width: 180px;
         background-color: #FFF;
         padding-right: 15px;
         padding-bottom: 0px;
         padding-left: 20px;
         padding-top: 0;
         margin: 0;
         border-right-width: 1px;
         border-right-style: solid;
         border-right-color: #008000;
         border-top-width: 1px;
         border-top-style: solid;
         border-top-color: #FFF;
    #RightColumn {
         width: 180px;
         background-color: #FFF;
         padding-right: 20px;
         padding-bottom: 0px;
         padding-left: 15px;
         padding-top: 0;
         margin: 0;
         border-left-width: 1px;
         border-left-style: solid;
         border-left-color: #008000;
         border-top-width: 1px;
         border-top-style: solid;
         border-top-color: #FFF;
    I think that's right, though, as I said, I'm a CSS and Dreamweaver newbie. But in MSIE 8, the
    spacing issue isn't resolved, though you can see both white borders..
    http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc

  • Spacing Issues in Email

    I'm having a spacing issue to the left of an image in an e-mail for a client.  I can't seem to recreate the error.  She's using gmail in chrome on a mac.  She's seeing about a 1 pixel space between the two images in the code below.  They're in the same table row, but separate cells. I can't seem to figure out what's causing this.  Any ideas?
    <table cellspacing="0" cellpadding="0" border="0" class="dashedBorder">
              <tbody>
                        <tr>
                                  <td style="font-family: Arial; font-size: 13px;"><img width="367" vspace="0" border="0" hspace="0" height="88" mdid="08873ca5-8816-47f3-be05-9424ba59e863" alt="" title="" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_02.jpg" style="display: block; width: 367px; height: 88px;" /></td>
                                  <td style="font-family: Arial; font-size: 13px;"><a conversion="false" alias="Click here to visit CASE online." title="Click here to visit CASE online." href="http://www.casece.com/en_us/Pages/home.aspx"><img width="233" border="0" height="88" mdid="a80101e3-1da0-4264-b39b-c7883a7f1f31" style="display: block; width: 233px; height: 88px; border-color: rgb(0, 0, 0); margin: 0px;" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_03.jpg" title="Click here to visit CASE online." alt="Click here to visit CASE online." /></a></td>
                        </tr>
              </tbody>
    </table>

    You may need to add:
    <style type="text/css">
    a img {
        border: none;
    </style>
    in the email header.
    My two cents on using DW to design fancy decorated emails:
    These questions about styling emails always baffle me because most web based email (gmail, operamail, hotmail) tosses styling out anyway, and if (like I do) someone uses Thunderbird, images are disabled by default and the end user has to choose to display them, so all the effort (not to mention frustration) to design something so fancy simply goes to waste on most recipients. In the end, more often that not, I've seen people scrap the whole thing once they figure out it didn't have nearly the desired impact.

  • Smartform font spacing Issue when using SAP printer name

    Hi Friends,
    I am facing some spacing issues when printing a form using SAP printer name. If I use LOCL then the output comes perfectly but when I use the SAP printer name the space between characters are getting widened and so the alignment of each column goes wayward. I suspect it could be due to the device type but not sure which seeting controls this. There is a similar problem in the logo as well. When using LOCL the logo comes out good but when using the printer name the quality is not good and becomes pixelised. Have any of you faced similar issues? Can you provide some guidance or pointers for the solution.
    Device type of LOCL : ZSAPWIN
    Device type of SAP printer name :  ZHPLJ5
    CPI is defined in smartform as 10.
    Please let me know if you need more information.
    Thanks,
    Praveen

    Hi,
    This problem occurs because the printer driver for both the printers are different,
    I suggest you use Local printer only or configure any other printer with printer diver in SAP as SAPWIN.
    Regards,
    Bharat.

  • Font spacing issues

    Have run into an interesting issue that I haven't been able to get to the bottom of.
    The font in question is "Century Gothic", a fairly well-known and used font. When using the "regular" setting, everything seems to space out just fine. But if I attempt to use Bold, Italics, or Bold Italics, the character spacing goes nuts:
    Here is a bit of test text in Pages:
    Here is the same text (copy/pasted) into a Word 2011 document:
    Of particular interest is that when either is printed - they print exactly as they look on-screen, complete with spacing issues.
    Also notice that the "Bold" doesn't appear as "bold" in the Word document, but spacing is much better. 
    Any suggestions what might be the issue?

    For your “Century Gothic” font, there may exist, typographic hints that Pages needs enabled for this font to achieve the correct visual presentation. Type ⌘+T to bring up the Fonts panel. Select the gear pull-down and select Typography. Perhaps the Pages and TextEdit teams have digressed in their design goals.
    A pop-up panel will offer a (variable by font) list of available settings, or none.

  • Jumbled text and spacing issues when creating a pdf

    When I create pdfs from FrameMaker 9 or Word 2007 files, Acrobat 9 Pro often transposes characters or modifies the spacing between characters. Can anyone help?

    I modified the settings according to the help page. I then built 5 pdfs and did not see evidence of the letter jumbling or spacing issues. Since this issue is intermittent, I cannot confirm that the problem is solved, but I am hopeful!

  • Spacing issue in alternate browsers

    Our website is having an odd spacing/text issue which I can't
    seem to figure out. When the pages load in IE everything loads
    correctly, but if the site is viewed in an alternate browser (like
    Mozilla) there are giant spaces between sections, and the font
    sizes on some pages are changing. This all started after we applied
    a new template to the site for our menus so I know it’s a
    problem with the code. I have gone through the code on several of
    the pages and the template, and I can't seem to find the cause. I'm
    still pretty new to Dreamweaver and CSS so it might be an obvious
    error.
    The page in question is
    http://www.fcwp.org (spacing issues)
    and
    http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
    (text becomes very small). All the pages use the same template so
    fixing one should fix all.
    Any help will be greatly appreciated!

    FCWP posted in macromedia.dreamweaver:
    > Our website is having an odd spacing/text issue which I
    can't seem
    > to figure out. When the pages load in IE everything
    loads
    > correctly, but if the site is viewed in an alternate
    browser (like
    > Mozilla) there are giant spaces between sections, and
    the font
    > sizes on some pages are changing.
    [snip]
    > The page in question is
    http://www.fcwp.org (spacing issues)
    and
    >
    http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
    > (text becomes very small).
    I'm not seeing those symptoms here on FF2 Windows.
    The first step to getting browsers to render (nearly) the
    same way is
    to tell them exactly how to interpret the code. Try adding
    the DOCTYPE
    via File->Convert->HMTL 4.01 Strict (or Transitional).
    Next, provide valid HTML code. If you enter either of the
    above URLs at
    http://validator.w3.org you will
    see many errors. Some will go away
    after inserting the DOCTYPE.
    > <TD height="95" colSpan=2 bgColor=#336633><IMG
    height=89
    That's one the errors listed in the validator that the
    DOCTYPE won't
    fix. Use quotes around the colors: "#336633"
    Mark A. Boyd
    Keep-On-Learnin' :)

  • Spacing issues

    Hi, I'm having spacing issues. The space between the title "why movement foundation exists" and the top of the photo is correct in muse- but when i publish or preview in browser, it adds several pixels in between those two. I can't figure out how to fix it. It is doing it on other areas of the page too. Check www. movementfoundation01.businesscatalyst.com - and the attached screenshot is what I see in muse. I've already checked the scrolling fx and there aren't issues there.

    Hi Brittney,
    I checked your site in multiple browsers and see that is appears like the screen shot that you have provided above. I am attaching a screen shot too here, http://prntscr.com/3lzrp9
    This could be an issue with your local browser, please check this on a different machine/browser.
    - Abhishek Maurya

  • Advanced data grid header scrolling issues

    Advanced data grid header scrolling issues
    i fix the header width like 150 then am giving header text "planned final review" it display only planned final... review is not display when i scrol the mouse review word is display give me any idea avoid this issues without changeing the width

    Advanced data grid header scrolling issues
    i fix the header width like 150 then am giving header text "planned final review" it display only planned final... review is not display when i scrol the mouse review word is display give me any idea avoid this issues without changeing the width

  • Graphic spacing issue

    For the site I'm adding pages to, there are times when the spacing of a graphic beneath the text is way off, but only in Internet Explorer. It shows up just fine in firefox. I've tried doing <br> <br> between graphic and text as well as <p>. This doesn't resolve issue. I have also created different versions of the graphics with different names, but it doesn't matter. The code is identical to other pages that don't have this problem. The spacing is just fine if I move the graphic to another part of the page, which, in some cases, I can't do.
    Any thoughts?
    I'm using DreamweaverCS4 on a Windows 7 computer, if that helps. Graphics made in Photoshop CS4.

    Ok. Let me know if this works. And thanks for taking a look.
    CSS
    body
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        text-align: center;
        color: #333333;
        overflow: scroll;
    #container
        width: 940px;
        margin: 0 auto;
        text-align: left;
    #flashContent { width:100%; height:100%; }
    #header
        background: url(header.gif) no-repeat;
        height: 134px;
    /*####################################### MENU #######################################*/
    #menu
        text-align: center;
        line-height: 2em;
        padding-bottom: 0;
        height: 35px;
        background: url(menu.gif) repeat-x;
        color: #fff;
        /*background-color: #32447f;*/
    #menu a
        text-decoration: none;
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-size: 85%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 12px;
        padding-bottom: 12px;
    #menu a:hover
       color: #c6a45a;
    /*####################################### MENU END #######################################*/
    #flash {
        height: 361px;
        background-color: #000;
    /*####################################### HOMEPAGE THREE COLUMNS #######################################*/
    #threemain h1, ul, li {
    margin: 0;
    padding: 0;
    #threemain h1 {
        font-size: 95%;
        color: #344764;
        font-weight: bold;   
    #threemain h2 {
        font-size: 75%;
        font-weight: bold;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    #threemain ul {
        margin-left: 0;
        padding-left: 0;
        font-size: small;
        padding-top: 0;
        margin-top: 0;
    #threemain li {
        list-style-type: none;
    #threemain p {
        font-size: small;
        padding: 0;
        margin: 0;
    #threemain a {
        text-decoration: none;
        color: #039;
    #threemain a.h1 {
        color: #344764;   
    #threemain a.prodtitle {
        font-size: 90%;
        color: #69C;   
    #threemain a.request {
        color: #333;
    #threemain a.prodtitle:hover, #threemain a.view:hover {
        color: #c6a45a;   
    /*####################################### HOMEPAGE THREE COLUMNS END #######################################*/
    /*####################################### SIDEBAR #######################################*/
    #sidebar
        float: left;
        width: 300px;
        height: 500px;
        border-right: thin #eaebeb solid;
    #sidebar .title
        font-weight: bold;
        font-size: 100%;
        display: block;
        padding-bottom: 8px;
        color: #444;
        text-decoration: underline;
        letter-spacing: 0.2em;
        margin-bottom: 0.5em;
        margin-top: 3em;
    #sidebar a
        display: block;
        padding: 6px;
        color: #76787a;
        text-decoration: none;
        border-bottom: thin #eaebeb solid;
        margin-bottom: 1em;
    #sidebar a:hover
        color: #c6a45a;
        font-family: Arial, Helvetica, sans-serif;
    #sidebar .current {
        color: #c6a45a;
    #sidebar ul
        text-align: left;
        margin: 0;
        padding: 0 0 0 50px;
        line-height: 1em;
    #sidebar li
        text-align: left;
        font-weight: bold;
        overflow: hidden;
        font-size: 90%;
        line-height: 1em;
        list-style-type: none;
    /*####################################### SIDEBAR END #######################################*/
    /*####################################### SIDEBAR ALTERNATE #######################################*/
    #sidebaralt
        float: left;
        width: 250px;
        height: 500px;
        border-right: thin #eaebeb solid;
    #sidebaralt .title
        font-weight: bold;
        font-size: 100%;
        display: block;
        padding-bottom: 8px;
        color: #444;
        text-decoration: underline;
        letter-spacing: 0.2em;
        margin-bottom: 0.5em;
        margin-top: 3em;
    #sidebaralt a
        display: block;
        padding: 6px;
        color: #76787a;
        text-decoration: none;
        border-bottom: thin #eaebeb solid;
        margin-bottom: 1em;
    #sidebaralt a:hover
        color: #c6a45a;
    #sidebaralt .current {
        color: #c6a45a;
    #sidebaralt ul
        text-align: left;
        margin: 0;
        padding: 0 0 0 50px;
        line-height: 1em;
    #sidebaralt li
        text-align: left;
        font-weight: bold;
        overflow: hidden;
        font-size: 90%;
        line-height: 1em;
        list-style-type: none;
    /*####################################### SIDEBAR ALTERNATE END #######################################*/
    /*####################################### CONTENT #######################################*/
    #content
        margin: 0 0 0 300px;
    #text {
    padding-left: 50px;   
    #content h1
        text-align: left;
        color: #c6a45a;
        line-height: 1.2em;
        font-weight: 400;
        margin: 25px 0px 20px 0px;
        font-size: 175%;
    #content h2
        text-align: left;
        font-weight: 200;
        line-height: 1.2em;
        margin: 20px 0px 15px 0px;
        font-size: 135%;
    #content p
        font-size: small;
        text-align: left;
        padding: 0;
        margin: 0px 0px 20px 0px;
        line-height: 1.5em;
    #content a
        text-align: left;
        color: #039;
        line-height: 1.5em;
        overflow: hidden;
    #content a:hover
        color: #c6a45a;
    #content ul, ol
        font-size: small;
        font-weight: bold;
        line-height: 2em;
        margin-left: 3.5em;
    #content li
        font-size: small;
        padding: 0.2em;
        font-weight: normal;
        line-height: 1.4em;
    #content sup
        color: #003300;
        font-weight: bold;
        font-size: small;
    .partners ul{
    .partners li{
    .column1 {
        float: left;
    width: 250px;
    border-top: solid 1px #aaa;
    border-right: solid 1px #aaa;
    margin-top: 10px;
    padding-right: 30px;
    margin-top: 10px;
    padding-top: 10px;
    .column2 {
        float: left;
    width: 250px;
    border-top: solid 1px #aaa;
    margin-top: 10px;
    padding-left: 30px;
    margin-top: 10px;
    padding-top: 10px;
    /*####################################### CONTENT END #######################################*/
    /*####################################### CONTENT ALTERNATE #######################################*/
    #contentalt
        margin: 0 0 0 250px;
    #textalt {
    padding-left: 50px;   
    #contentalt h1
        text-align: left;
        color: #c6a45a;
        line-height: 1.2em;
        font-weight: 400;
        margin: 25px 0px 20px 0px;
        font-size: 175%;
    #contentalt h2
        text-align: left;
        font-weight: 200;
        line-height: 1.2em;
        margin: 20px 0px 15px 0px;
        font-size: 135%;
    #contentalt p
        font-size: small;
        text-align: left;
        padding: 0;
        margin: 0px 0px 20px 0px;
        line-height: 1.5em;
    #contentalt a
        text-align: left;
        color: #039;
        line-height: 1.5em;
        overflow: hidden;
    #contentalt a:hover
        color: #c6a45a;
    #contentalt ul, ol
        font-size: small;
        font-weight: bold;
        line-height: 2em;
    #contentalt li
        font-size: small;
        padding: 0.2em;
        font-weight: normal;
        line-height: 1.4em;
    #contentalt sup
        color: #003300;
        font-weight: bold;
        font-size: small;
    /*####################################### CONTENT ALTERNATE END #######################################*/
    /*####################################### FOOTER #######################################*/
    #footer {
        text-align: center;
        color: #666666;
        font-size: 60%;
            height: 30px;
            padding-top: 1em;
    #footer span {
    padding-left: 0.2em;
    padding-right: 0.2em;
    #footer a
        text-align: left;
        color: #039;
        line-height: 1.5em;
        overflow: hidden;
    #footer a:hover
        color: #c6a45a;
    /*####################################### FOOTER END #######################################*/
    img.icon
        padding: 0;
    #pic {
        float: right;
        padding-left: 1em;
        padding-bottom: 1em;
        width: 300px;
    .clearfloat
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0px;
    /*####################################### MISC #######################################*/
    #partners td {
        border-bottom: thin solid #06C;
        padding-top: 1em;
    #partners img {
        border: none;
    #instruct td {
        padding: 0.5em;
        border: solid thin;
    #instruct table {
        border: solid thin;
    #contact {
        font-size: small;
        text-align: left;
        padding: 0;
        margin: 0px 0px 20px 0px;
        line-height: 1.5em;   
    .b1 {
        padding: 0.5em;
    #container #sidebar ul li {
        color: #c6a45a;
    #container #sidebar ul li {
        color: #c6a45a;
    #container #sidebar ul li .current a {
        color: #c6a45a;
    HTML
    <!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>
    <meta http-equiv="cache-control" content="no cache">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Name of Company</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style type="text/css">
    <!--
    p.MsoNormal {
    margin:0in;
    margin-bottom:.0001pt;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"> </div>
      <div id="menu"> <a href="index.html">Home</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a> <a href="name.html">Title</a></div>
      <div id="sidebar">
        <ul>
          <li class="title"> Library
            <div align="left"> </div>
          </li>
          <li>
            <h4 class="current">June 2013</h4>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>
        <h4 class="current">May 2013</h4>
        </li>
        <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
        <li>       
            <h5><a href="anothername.html">anothertitle</a> </h5>
          </li>
        <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>
            <h4 class="current">April 2013</h4>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>       
            <h5><a href="name.html">title</a> </h5>
          </li>
          <li>
            <h4 class="current"><a href="name.html">March 2013</a></h4>
          </li>
          <li>
            <h4 class="current"><a href="name.html">February 2013</a></h4>
          </li>
          <li>
            <h4 class="current"><a href="name.html">January 2013</a></h4>
          </li>
        </ul>
      </div>
      <div id="content"><img src="graphic.jpg" width="638" height="150" />
        <div id="text">
      <h1> Tip of the Week</h1>
              <td align="left" valign="middle"><p>4/26/2013</p>
                <h4>Did you know?</h4>
                <p>words words words <strong>a word</strong> words words words.
                <p>a whole sentence of words words words words words words words words words.<br />
                  <br />
    GRAPHIC I'M HAVING ISSUES WITH             <img src="images/TipoftheWeek/luckycharmgraphic.jpg" width="882" height="300" /><br />
                  <br />
                  <strong>a few more words (some more words)</strong>:  

  • Dynamic Text line spacing issue

    Hi, in my Flash movie (CS3) I want all text to be selectable.
    When I select 'static' and 'selectable', I have the following issues:
    - Some of the text does not fit into the available (scrolling required to see the end of text)
    - This is larger than when in Flash.
    When I use 'dynamic' text, I have the following issues:
    - The line spacing displays different in the exported swf than it does in Flash (line spacing is much greater in the swf)
    - I am a designer so the appearance / positioning of the text is crucial
    Is this common?
    Is there any way to make the text in Flash and swf appear consistent?
    Many thanks

    First of all, maybe you don't know it, but static text can't be made selectable even in theory. Therefore what you're seeing when you click "Selectable" option, is a dynamic text. As for line spacing, I don't see any difference between Flash CS4 and resulting SWF. The only strange thing I've found is the necessarity to enlarge the bounding rectangle when I change the text type from static to dynamic. Otherwise bottom line of text just disappears. It looks like a bug. Also I don't see "Autosize" option being working here in CS4. I doubleclick on bottom right corner of the text block, small square is transformed into a diamond, and bounding rect is "autosized" around the text block. But the bottom text line disappears just as I deselect the text object. All it looks some stange...

  • Datatable header display issue

    Hi,
    I need to display more then one component in the header of a datatable. Currently, we are able to display the table along with the header values using datatable. Next to the header we want to display 2 icons, one to denote sorted by descending and another to denote that
    table values are sorted by ascending. We tried some thing like as show below
    <h:dataTable styleClass="dataTable" value="#{list}" var="plist">
    <h:column>
    <f:facet name="header">
    <h:commandLink action="#{form.sortDescending}">
         <h:graphicImage value="/descending.jpg"/>
    </h:commandLink>
    <h:outputText value="HeaderDisplayName" ></h:outputText>
    <h:commandLink action="#{form.sortAscending}">
         <h:graphicImage value="/ascending.jpg"/>
    </h:commandLink>
    </f:facet>
    <h:outputText id="value" value="#{list.value}" />
    </h:column>
    when I execute the above code, I get to see only the descending image.
    The header name and ascending image are not visible. Could you please help me resolve this issue?
    Thank you,
    DargonHorse

    you should use one component inside a facet.. So, you can solve your problem by encapsulating all that command links and outputtext inside a jsppanel component.. like;
    <f:facet name="header">
    <jsppanel>
    <h:commandLink descending...>
    <h:outputText header >
    <h:commandLink ascending... >
    <jsppanel />
    </f:facet>

  • Line alignment cross columns and spacing issue

    Hi All,
    I am using CC to do article layout for a scholarly journal and have 3 questions:
    1. I have a hard time to always align text lines across two columns on the same page. For body text, I use 9.5 point, automatic leading which is 11.4.  I have different levels of subheadings which have different spacing (before and after paragraph) specification. they all use auto leading. Since htere are so many variables, what are the principles for getting main text lines aligned across columns, for example, what do I need to set fixed first, what next?
    2. The 2nd question is if I have two levels of headings (each has space before and after) together, how to ask ID not to add too much space between the two headings?
    3. Probably this is the same question as #2: For some paragraph which has both space before and after, if the next paragraph has the same style as the one in front it, no space is needed between the two. How to do this?
    thank you very much in advance for your help!
    Eric

    "2. "Ask" ID? The spacing before and after a paragraph is defined in the style options. If you have, for example, first heading level 1, then heading level and want them to have less space, you could either decrease after spacing of level 1 or before spacing of level 2. If you have the other situation, with "level 1, then text" or "level 2, then text", you may adjust spacing on the text style only, so the text would always have the same spacing before itself, no matter if level 1 or level 2 is above. "
    Thank you guys for replying. So you cannot specify in style to ask ID to automatically adjust space for situations like two different levels of headings together, and you have to do that manually?

  • Header portlet issue: User settings not passed to Header portlet on "My Pages"

    I am trying to write a header portlet which reads User Settings (User preference). The settings are retrieved correctly and the header portlet works fine on a Community portlet but when browsing "My Pages" or "Knowledge Directory" the settings are not being passed to the header portlet. I have tried this on multiple portals and I get the same behavior. Can you kindly let me know the cause of the problem and help me fix this issue Thanks,Rakesh

    I was able to figure out setting the global display on the default pages, but I'm still stymied at how to set the display for the page portlets for user customizations. In instances where users have added a page portlet, only the portlet header is displayed. I've done the following to try to fix the situation:
    - Deleted and regenerated the page portlets
    - Refreshed the repository
    - Refreshed the display for individual user pages
    Nothing seems to work. This is a major showstopper for us: we are scheduled to go "live" with the 9.0.2.6 version on Friday, and we do not want to ask users to recustomize their pages.
    Windows; 9.0.2.6
    Thanks for all the help!
    Mary

Maybe you are looking for