Overflow in PLD Forms

I have a PLD derived from the Advice/Delivery Note, everything seems fine, but when I have above 20 items with some text attached, the text overflows to the second page. Is the a way of setting up the overflow line number or making sure that the item code goes to the second page too. There is ample space, but cannot work out why the overflow occurs.

Hi,
You can  try changing the Properties - Format -
Duplicate Repetitive Area - Lines in Repetitive Area set to 10 or any value.
This will limit loading items up to 10 then will display second page for next value.
Thanks.
Clint

Similar Messages

  • Where are pld forms stored

    We seem to have lost the pld forms we created in a company database, probably through copy express. They did not do a backup of the database through sql server. I went to a backup (file backup) of the mdf and ldf files (attached as a new database), but it still doesn't have the forms. Is there anything we can do besides re-create all of these forms?
    Thanks

    Hi Bradley,
    Check the thread,
    Print layout history
    Regards,
    Madhan.

  • Vendor Ref. Number from A/P Invoice & Credit Memo in the Check PLD Form

    Hi Guys,
    We have standard PLD layout form for the Check Document. In our case the Check Document based on the outgoing payment and outgoing payment referenced on A/P Invoice and Credit Memo documents.
    Is there someone who knows how to get "Vendor Ref. Number" (NumAtCard) field from A/P Invoice and Credit Memo in the Cheque form?
    Any ideas will be appreciated.
    Thanks so much,
    Sergey

    Hi Nagarajan,
    Thanks a lot for your answer! Yes, you are absolutely right, the variable number for this field was #100.
    Unfortunately, this solution worked partially for us. In our case, we also needed to specify a "Document Date" (Tax Date) for the ref. document and there was a problem, because we could not find SAP variable number for this (I don't know if this exists?)
    In the final, I just related "OJDT" to "VPM2" table and after that I have got my "TaxDate" field.
    So we are good now.
    In addition, maybe you know where can I get a variable numbers catalogue or something like that?
    Thanks,
    Sergey

  • Backup a Query Print Layout or PLD form to restore later

    How can I backup a PLD or Query Print Layout and save to a drive that will allow me to restore the layouts later on another version of B1?
    I am upgrading 2005 to 2007 and during some testing I found the layouts were not saved in it's original form that we created and we had to redo them. I want to be sure I keep the layout as is and only tweak the fields if they have changed at all from 1 version to the next.
    Any ideas?
    Thanks
    Joanne

    Oh sure CX will work fine but not across DB versions. I need the format "before" I upgrade the DB....then take those forms and restore them or copy them to the new DB "after" upgrade.
    I already tried to copy them across DB versions, no luck.
    See I have a Check register using QPL that works great, when I do the upgrade from 2005A to 2007A, the layout goes all out of whack and is not the same as it was in 2005A. I had to redo everything in the layout as if it was created again.
    I am trying to avoid that by coping the form someplace and seeing if I can restore it back after the fact, then test it.
    Does that make sense?

  • Overflow in Adobe Form

    Hello,
    I have created an Adobe Form that includes nested tables used in the detail area. I have also declared two different page layouts: MP1 and MP2 in the Master Pages section.
    While processing the detail lines I want the form to switch to page MP2 if an overflow is encountered.
    I have ticked almost every check box to Allow Page Breaks within Content and mentioned Go To Page "MP2" in the various subforms.
    Still it's the page MP1 that is printed after an overflow.
    Why? Can someone help me here?
    Thanks a lot in advance.
    Sylvain

    Hi,
    Thanks for the answer but could you give me more details? Where can I set the page MP2 for next page of MP1?
    In Smartforms it is easy to find but in Adobe Form (SFP) I must say that I did not find where to set the Next page parameter.
    Thanks again for the tip.
    Best Regards,
    Sylvain

  • B1 2007A PL11 & PL15 - ehp PLD forms

    I am trying to find documentation about these new sample forms that are added when upgrading to PL11 & PL15
    Is there anything special new etc about them? Does anyone know if there is any documentation about them?  They look interesting.
    Thanks in advance
    Dana

    Dana,
    The Enhanced layout is just a change in the look and feel and the way data is presented.
    Suda

  • I have created a contact form using dreamweaver cc...how do i get it to send to my email?

    how do i get the contact form to send to my email?
    here is my code in html:
    <section id="content">
      <div class="main">
      <div class="container_12">
      <div class="wrapper">
      <article class="grid_8">
      <div class="indent-left">
      <h3 class="p0">Contact Form</h3>
      <form id="contact-form" method="post" enctype="multipart/form-data">
      <fieldset>
       <label><span class="text-form">Your Name:</span><input type="text"></label>
       <label><span class="text-form">Your Email:</span><input type="text"></label>
       <div class="wrapper">
      <div class="text-form">Your Message:</div>
      <div class="extra-wrap">
      <textarea></textarea>
      <div class="clear"></div>
      <div class="buttons">
      <a class="button" href="#" onClick="document.getElementById('contact-form').reset()">Clear</a>
      <a class="button" href="#" onClick="document.getElementById('contact-form').submit()">Send</a>
      </div>
      </div>
       </div>
      </fieldset>
      </form>
      </div>
      </article>
    my CSS code:
    #contact-form {
      display:block;
      width:100%;
      #contact-form label {
      display:block;
      height:35px;
      overflow:hidden;
      #contact-form input {
      float:left;
      width:443px;
      font-size:12px;
      line-height:1.25em;
      color:#808080;
      padding:7px 9px;
      margin:0;
      font-family:Arial, Helvetica, sans-serif;
      border:1px solid #dcdcdc;
      background:#fff;
      outline:none;
      #contact-form textarea {
      float:left;
      height:183px;
      width:443px;
      font-size:12px;
      line-height:1.25em;
      color:#808080;
      padding:7px 9px;
      margin:0;
      font-family:Arial, Helvetica, sans-serif;
      border:1px solid #dcdcdc;
      background:#fff;
      overflow:auto;
      outline:none;
    .text-form {
      float:left;
      display:block;
      font-size:13px;
      line-height:18px;
      width:96px;
      color:#808080;
      font-family:Arial, Helvetica, sans-serif;
    .buttons {padding:8px 30px 0 0; text-align:right;}
    .buttons a {margin-left:6px;}
    aside {
      width:100%;
      padding:40px 0 30px;
      background:#fff;
    .title-2 {
      display:block;
      padding-left:20px;
      font-size:21px;
      line-height:43px;
      color:#fff;
      background:#1c1b18;
      margin-bottom:16px;

    <form action="path-to-script-on-server/form-to-email-script.php">
    If your host doesn't provide scripts, ask them which server-side languages you can use (php, asp, asp.net, perl, coldfusion, etc...).  This will narrow your search for form-to-email processing scripts.
    Also, your form SUBMIT button is not properly coded.  It should look something like this.
    <input type="submit" name="send" id="send" value="Submit">
    RESET buttons aren't used much anymore because they lead to more form submission failures than successes.  You don't need it.
    Please review HTML5 Forms:
    Understanding HTML5 intelligent forms – Part 1: New input elements | Adobe Developer Connection
    HTML5 forms workflow | Learn Dreamweaver CC | Adobe TV
    Nancy O.

  • 1099 Form - Misc doesn't print 2 forms per page.

    The 2007A PLD form that we have prints only 1 form per page.  The 1099 forms that we have for MISC have 2 'forms' per page.  I have tried scaling the size of the repetitive area so 2 vendors print per page, but I am unsuccessful.  How does PLD know how many vendors (1099's) to print per page?

    Our organization is having this issue with the new Adobe forms that were released. The 1099 smartforms print 2 forms per page but the 1099 adobe forms are only printing 1 form per the OSS  note that was just released - Note: 1949022. Is there somewhere in config that we can select to print 2 per page?
    We are using IDWTCERT_US_1099MISC which will print just 1 form per page ( we also had to make some adjustments because the top gets cut off...)
    form IDWTCERT_US_1099MISC1 will print 2 forms per page but it is not a new vendor that prints on the form it is a copy of the first on the page
    The 1099 Interest adobe form prints 2 per page with IDWTCERT_US_1099INT - this is curious too because the smartform prints 3 forms per page
    Has anyone else experienced this issue? Do you know how to resolve it?I am considering putting in a problem report.
    Thank you

  • PLD & Relate To Issue

    All,
    I am running 2007 A(8.00.176) SP: 00 PL:35.  I am wanting to display a UDF on Order Item form I created in the BP's Addresses in the Page Header of the PLD form.  I am trying to relate the Ship-To Code to the Business Partner Address.  When I do this I get over 1,200 pages of duplicated items. 
    What am I doing wrong?
    Dennis

    Yes, it's clearer now, thank you.
    I don't think it's possible to achieve this way. What you can do is to create another UDF on the Sales Order and assign a formatted search to display there the value of the BP Addresses UDF respectively.
    Then you can display this field from the SO on the layout.
    Regards,
    Nat

  • Print Layout Designer (PLD) - Displaying Selection Criteria

    Does anyone know how to display the selection criteria on a pld form.  Specifically, I would like to display the selected 'Item Property' on the Inventory > Inventory Reports > Items List report.
    I noticed on the Inventory > Inventory Reports > Inactive Items report that it displays the Date From selection criteria and the document types selected, but I can't figure out how it is doing this. They are Text fields and I don't see any dependencies.
    Thank You

    Vaughn,
    The selection criteria are pre-build to be included on some of the reports and are not on others.  If they are not available on the PLD template you could not add them.
    Suda

  • PLD Do Not Print Line if field== 'N'

    This may have been asked before but I can't find an answer. New to SAP & PLD.
    Working with PLD, I have a UDF field in table 'A/R Invoice - Rows' to indicate whether a line should be printed or not, 'U_PrintLine'. I am trying to get this within the Invoice form to be something like this:
    If F_300 == 'N' Then
    Do Not Print Line
    Else Print Line
    EndIf
    What is the easiest way of incorporating this with a 'Repetitive Area' of a PLD form?
    Thanks,

    I now realize that you want to suppress the whole line of data instead of a LINE. That would be more difficult.
    Basically, you may link all fields in the line with a conditional formula F_300 == F_301.
    Here F_300 is your UDF and F_301 = 'N'. The formula should be in another field say F_302.

  • 1099 Form table usage

    We would like to be able to export the Federal income tax withheld printed on the 1099 form. Upon reviewing the 1099 PLD form, it shows system variable 203 from this field. I tried looking this up in the 'PLD_Vars.xls' from SAP, but it is not listed. Does anyone know what table/field stores this number? Or does anyone have a way of exporting the 1099 form data? We would like to export this so we can submit this to the IRS.

    Lang,
    I called the support hotline and they were supposed to look into this and get back to me, but haven't.  We printed the 'summary' and exported that.  It did not have the vendor code, but that is the best we could do.
    Edited by: Pat Frohlich on Jan 27, 2009 8:08 AM

  • 1099 Form table used

    We would like to be able to export the Federal income tax withheld printed on the 1099 form.  Upon reviewing the 1099 PLD form, it shows system variable 203 fro this field.  I tried looking this up in the 'PLD_Vars.xls' from SAP, but it is not listed.  Does anyone know what table/field stores this number?  Or does anyone have a way of exporting the 1099 form data?  We would like to export this so we can submit this to the IRS.

    1099 form is only used in the states.  As we are in Canada, no such form is available.  A suggestion to you is: you can check View - System Information.  The variables' information is showed on the bottom left of your active form screen.  When your cursor is on the field, you may found field name for the variables.
    Thanks,
    Gordon

  • PLD Document ID

    I would like to display the document (PLD File ID) name on the actual PLD form. Is there a system variable or function that will allow me to do this?

    Hi,
    Welcome you post on the forum.
    I doubt there is such system variable. You may use the Alt+Click to select all tables to find the right data under RDOC. However, this function is not under SAP support. You may need manual update whenever you upgrade your B1.
    Thanks,
    Gordon

  • Certain images not showing up in Design View

    Hi,
    I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
    Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
    The CSS is:
    /* Getting the new tags to behave */
    article, aside, audio,
    canvas, command,
    datalist, details,
    embed,
    figcaption, figure, footer,
    header, hgroup,
    keygen,
    meter,
    nav,
    output,
    progress,
    section, source,
    video {
              display:block;
    mark,
    rp, rt, ruby,
    summary,
    time {
              display:inline;
    /* Global properties ======================================================== */
    body {
              background-color:#000;
              background-repeat:no-repeat;
              background-position:center top;
              background-image:url(../images/body-bg.jpg);
              background-attachment:fixed;
              font-family:Arial, Helvetica, sans-serif;
              font-size:100%;
              line-height:1em;
              color:#949595;
    html {
              min-width:967px;
    html,
    body {
              height:100%;
    /* Global Structure ============================================================= */
    #main {
              margin:0 auto;
              width:967px;
              font-size:.75em;
              /* Header */
              header {
                        position:relative;
              /* Sidebar */
              aside {
                        width:227px;
                        float:left;
                        margin-right:32px;
                        padding-bottom:33px;
              /* Content */
              section#content {
                        float:left;
                        width:675px;
                        padding-top:6px;
              /* Footer */
              footer {
                        padding-left:3px;
                        background:url(../images/border-left.png) repeat-y left top;
                        color:#535353;
    /* Left & Right alignment */
    .fleft {
              float:left;
    .fright {
              float:right;
    .clear {
              clear:both;
    .col-1,
    .col-2,
    .col-3 {
              float:left;
    .alignright {
              text-align:right;
    .aligncenter {
              text-align:center;
    .wrapper {
              width:100%;
              overflow:hidden;
    /*----- form defaults -----*/
    input,
    select,
    textarea {
              font-family:Arial, Helvetica, sans-serif;
              font-size:1em;
              vertical-align:middle;
              font-weight:normal;
    fieldset {
              border:0;
    /*----- lists -----*/
    .banners {
              width:100%;
              overflow:hidden;
              padding-bottom:15px;
              .banners li {
                        float:left;
                        padding-left:4px;
    .list li {
              font-size:1.17em;
              padding:0 0 19px 22px;
              background:url(../images/marker.png) no-repeat left 2px;
    .list li.last {
              padding-bottom:0;
    .list1 li {
              width:100%;
              overflow:hidden;
              padding-bottom:27px;
              .list1 li img {
                        float:left;
                        margin-right:22px;
    .column-list {
              width:100%;
              overflow:hidden;
              .column-list li {
              float:left;
              width:200px;
              margin-right:27px;
              .column-list li.last {
                        margin:0;
                        .column-list li img {
                                  margin-bottom:18px;
    .events-list {
              width:100%;
              overflow:hidden;
              .events-list li {
                        float:left;
                        line-height:1.5em;
                        width:320px;
                        margin-right:25px;
                        padding-bottom:20px;
              .events-list li.alt {
                        margin-right:0;
                        .events-list li img {
                                  float:left;
                                  margin-right:11px;
    .testimonials li {
              line-height:1.5em;
              padding-bottom:18px;
              .testimonials li cite {
                        font-style:normal;
              .testimonials li h5 {
                        text-align:right;
                        margin:0;
                        padding-top:6px;
    /*----- other -----*/
    .img-indent {
              margin:0 0 20px 0;
    .extra-wrap {
              overflow:hidden;
    p {
              margin-bottom:16px;
              line-height:1.5em;
    dl {
              line-height:1.5em;
              dl dt {
                        font-weight:bold;
                        color:#4b4b4b;
                        margin-bottom:6px;
              dl dd {
                        padding-bottom:20px;
              dl dd.last {
                        padding:0;
              .address dd {
                        clear:both;
                        .address dd span {
                                  float:left;
                                  width:96px;
                        .address dd a {
                                  font-size:1.17em;
    address {
              font-style:normal;
              line-height:1.5em;
              address a {
                        font-size:1.17em;
              address span {
                        float:left;
                        width:103px;
    /*----- txt, links, lines, titles -----*/
    a {
              color:#12b7f4;
              outline:none;
    a:hover {
              text-decoration:none;
    h1 {
              font-size:20px;
              line-height:1em;
              font-weight:normal;
              padding:55px 0 0 3px;
              h1 a {
                        color:#fff;
                        text-decoration:none;
              h1 strong {
                        font-size:55px;
                        line-height:1.2em;
                        letter-spacing:-2px;
                        top:-37px;
                        position:relative;
    h2 {
              font-size:1.917em;
              line-height:1.2em;
              letter-spacing:-1px;
              font-weight:normal;
    h5 {
              font-size:1em;
              line-height:1.5em;
              color:#4b4b4b;
              margin-bottom:6px;
              h5 a {
                        color:#4b4b4b;
    .txt1 {
              font-size:1.17em;
    .rss {
              position:absolute;
              right:18px;
              top:18px;
              background:url(../images/rss.gif) no-repeat right top;
              padding:10px 45px 8px 0;
              color:#7d7d7d;
              text-decoration:none;
              font-size:1.17em;
              text-transform:uppercase;
    .rss:hover {
              text-decoration:underline;
    .link1 {
              display:block;
              position:relative;
              float:left;
              background-repeat:no-repeat;
              background-position:right top;
              background-image:url(../images/link1-right.png);
              color:#fff;
              line-height:1.2em;
              text-transform:uppercase;
              text-decoration:none;
              cursor:pointer;
              .link1 span {
                        display:block;
                        float:left;
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/link1-left.png);
                        padding:0 10px;
              .link1 b {
                        background-repeat:repeat-x;
                        background-position:left top;
                        background-image:url(../images/link1-bgd.png);
                        padding:8px 7px 9px 7px;
                        display:block;
                        float:left;
              .link1:hover b {
                        text-decoration:underline;
    .link2 {
              width:70px;
              height:30px;
              text-align:center;
              text-transform:uppercase;
              color:#fff;
              text-decoration:none;
              display:block;
              float:right;
              font-weight:bold;
              overflow:hidden;
              line-height:2.6em;
              background-repeat:no-repeat;
              background-position:left top;
              background:url(../images/link2-bg1.png);
    .link2:hover {
              text-decoration:underline;
    /*==================boxes====================*/
    .nav-box {
              width:100%;
              position:relative;
              padding-bottom:11px;
              margin-top:-23px;
              .nav-box .left {
                        padding-left:20px;
                        background:url(../images/nav-box-left.png) no-repeat left top;
              .nav-box .right {
                        padding-right:20px;
                        background:url(../images/nav-box-right.png) no-repeat right top;
              .nav-box nav {
                        height:72px;
                        background:url(../images/nav-box-tail.png) repeat-x left top;
              .nav-box nav ul {
                        padding-top:13px;
                        width:100%;
                        overflow:hidden;
                        .nav-box nav ul li {
                                  float:left;
                                  font-size:1.583em;
                                  line-height:1.2em;
                                  letter-spacing:-1px;
                                  .nav-box nav ul li a {
                                            color:#535353;
                                            display:block;
                                            float:left;
                                            cursor:pointer;
                                            background:url(../images/spacer.gif);
                                            text-decoration:none;
                                            text-shadow:#fff 1px 1px;
                                  .nav-box nav ul li a:hover,
                                  .nav-box nav ul li a.active {
                                            color:#fff;
                                            background:url(../images/nav-act-tail.gif) repeat-x left top;
                                            text-shadow:#fff 0 0;
                                            .nav-box nav ul li a span {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                            .nav-box nav ul li a:hover span,
                                            .nav-box nav ul li a.active span {
                                                      background:url(../images/nav-act-left.gif) no-repeat left top;
                                            .nav-box nav ul li a b {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                                      padding:10px 23px 14px 23px;
                                            .nav-box nav ul li a:hover b,
                                            .nav-box nav ul li a.active b {
                                                      background:url(../images/nav-act-right.gif) no-repeat right top;
    .box {
              width:237px;
              color:#fff;
              .box .top {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-top.png);
                        height:14px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .bot {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-bot.png);
                        height:15px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .xcontent {
                        background-repeat:repeat-y;
                        background-position:left top;
                        background-image:url(../images/box-tail.gif);
                        .box .xcontent .bg {
                                  min-height:137px;
                                  height:auto!important;
                                  height:137px;
                                  background-repeat:no-repeat;
                                  background-position:left top;
                                  background-image:url(../images/box-bg.jpg);
              .box .inner {
                        padding:2px 35px 0 26px;
              .box h2 {
                        font-size:2.417em;
                        font-weight:bold;
                        margin-bottom:4px;
                        text-shadow:#0b97e4 1px 1px;
              .box p {
                        line-height:1.583em;
                        margin-bottom:9px;
    /* box style1 */
    .box.style1 .top {background-image:url(../images/box-top1.png);}
    .box.style1 .bot {background-image:url(../images/box-bot1.png);}
    .box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
    .box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
    .box.style1 .link1 {background-image:url(../images/link1-right1.png);}
    .box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
    .box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
    .box.style1 h2 { text-shadow:#78b10b 1px 1px;}
    /* box style2 */
    .box.style2 .top {background-image:url(../images/box-top2.png);}
    .box.style2 .bot {background-image:url(../images/box-bot2.png);}
    .box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
    .box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
    .box.style2 .link1 {background-image:url(../images/link1-right2.png);}
    .box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
    .box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
    .box.style2 h2 { text-shadow:#ff6900 1px 1px;}
    /* box style3 */
    .box.style3 .top {background-image:url(../images/box-top3.png);}
    .box.style3 .bot {background-image:url(../images/box-bot3.png);}
    .box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
    .box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
    .box.style3 .link1 {background-image:url(../images/link1-right3.png);}
    .box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
    .box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
    .box.style3 h2 { text-shadow:#ffad07 1px 1px;}
    .box1 {
              width:227px;
              .box1 .top {
                        height:49px;
                        overflow:hidden;
                        background:url(../images/box1-top.png) no-repeat left top;
              .box1 .bot {
                        height:17px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box1-bot.gif) no-repeat left top;
              .main-box .box1 .border-left {
                        padding-left:1px;
                        background:url(../images/box1-border.gif) repeat-y left top;
              .main-box .box1 .border-right {
                        padding-right:1px;
                        background:url(../images/box1-border.gif) repeat-y right top;
              .main-box .box1 .xcontent {
                        width:100%;
                        min-height:261px;
                        height:auto!important;
                        height:261px;
                        padding:0;
                        background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
              .main-box .box1 .inner {
                        padding:12px 14px 20px 18px;
              .box1 h2 {
                        font-weight:bold;
                        color:#fff;
                        padding:10px 0 0 18px;
    .box2 {
              width:227px;
              .box2 .top {
                        height:15px;
                        overflow:hidden;
                        background:url(../images/box2-top.png) no-repeat left top;
              .box2 .bot {
                        height:16px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box2-bot.gif) no-repeat left top;
              .main-box .box2 .border-left {
                        padding-left:1px;
                        background:url(../images/box2-border.gif) repeat-y left top;
              .main-box .box2 .border-right {
                        padding-right:1px;
                        background:url(../images/box2-border.gif) repeat-y right top;
              .main-box .box2 .xcontent {
                        width:100%;
                        min-height:113px;
                        height:auto!important;
                        height:113px;
                        padding:0;
                        background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
              .main-box .box2 .inner {
                        padding:0 14px 20px 18px;
              .box2 h2 {
                        font-weight:bold;
                        color:#3c3c3c;
                        margin-bottom:16px;
    .main-box {
              width:100%;
              .main-box .left-top-corner {
                        background:url(../images/left-top-corner.png) no-repeat left top;
                        height:18px;
                        padding-left:18px;
              .main-box .right-top-corner {
                        background:url(../images/right-top-corner.png) no-repeat right top;
                        height:18px;
                        padding-right:18px;
              .main-box .border-top {
                        background:url(../images/border-top.png) left top repeat-x;
                        height:18px;
                        font-size:0;
                        line-height:0;
                        width:100%;
              .main-box .border-left {
                        background:url(../images/border-left.png) left top repeat-y;
                        padding-left:3px;
              .main-box .border-right {
                        background:url(../images/border-right.png) right top repeat-y;
                        padding-right:3px;
              .main-box .xcontent {
                        background:#fff;
                        padding:0 2px;
              .main-box .tail {
                        background:url(../images/main-box-tail.gif) repeat-x left top;
                        width:100%;
              .main-box .inner {
                        padding:3px 15px 0 8px;
              .main-box .inner1 {
                        padding:3px 8px 0 25px;
                        .main-box .inner1 aside {
                                  margin:0;
                        .main-box .inner1 #content {
                                  margin-right:32px;
                                  width:665px;
              .main-box .inner2 {
                        padding:3px 25px 35px 25px;
                        .main-box .inner2 #content {
                                  width:auto;
                                  float:none;
    /*===== content =====*/
    #content h2 {
              color:#3e3e3e;
              letter-spacing:0;
              margin-bottom:16px;
    #content .indent {
              padding-bottom:60px;
    #content .link2 {
              background-image:url(../images/link2-bg2.png);
              float:left;
    /*===== Sidebar =====*/
    aside .indent {
              margin-bottom:20px;
    /*===== footer =====*/
    footer .right {
              padding-right:3px;
              background:url(../images/border-right.png) repeat-y right top;
    footer .tail {
              padding:17px 0 11px 27px;
              background-color:#2d2d2d;
    footer .line-ver {
              background:url(../images/divider.gif) repeat-y 210px 0;
              width:100%;
              overflow:hidden;
    footer .fleft a {
              color:#535353;
              text-decoration:none;
    footer .fleft a:hover {
              text-decoration:underline;
    footer .fleft {
              padding-bottom:8px;
              footer .fleft ul {
                        padding:8px 0 3px 0;
                        footer .fleft ul li {
                                  display:inline;
    footer .fright {
              padding:0 29px 0 0;
              text-align:right;
              footer .fright a {
                        color:#12b7f4;
              footer .fright ul {
                        padding:8px 0 5px 0;
                        footer .fright ul li {
                                  display:inline;
                                  padding-right:15px;
                                  margin-right:12px;
                                  background:url(../images/divider1.gif) no-repeat right 3px;
                                  footer .fright ul li a {
                                            text-decoration:none;
                                            color:#535353;
                                  footer .fright ul li a:hover,
                                  footer .fright ul li a.active {
                                            color:#c4c4c4;
                                            text-decoration:underline;
                        footer .fright ul li.last {
                                  background:none;
                                  padding:0;
                                  margin:0;
    /*----- forms -----*/
    #subscribe-form .rowElem {
              width:100%;
              overflow:hidden;
    #subscribe-form span {
              display:block;
              width:193px;
              height:26px;
              margin-bottom:6px;
              background:url(../images/input-bg.png) no-repeat left top;
    #subscribe-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:173px;
    #subscribe-form a.fleft {
              color:#4b4b4b;
              font-weight:bold;
              position:relative;
              left:10px;
              top:7px;
    /* The Nivo Slider styles */
    #slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
    #slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
    /* The slices in the Slider */
    .nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}
    .nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
    .nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
    .nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
    .nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
    .nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
    .nivo-controlNav a.active { background-position:left}
    /* Caption styles */
    .nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
    .nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
    .nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
    .nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
    .nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
    .nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none;  letter-spacing:-2px;}
    .nivo-caption a:hover{ background-position:bottom}
    .color1 p{ color:#454545}
    .nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
    .nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
    .nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
    #contacts-form .rowElem {
              height:40px;
              #contacts-form .rowElem span {
                        display:block;
                        width:300px;
                        height:26px;
                        margin-bottom:6px;
                        background:url(../images/input-bg_2.png) no-repeat left top;
    #contacts-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:300px;
    #contacts-form .rowElem1 span {
              display:block;
              width:300px;
              height:175px;
              margin-bottom:21px;
              background:url(../images/textarea-bg.gif) no-repeat left top;
    #contacts-form textarea {
              width:300px;
              height:168px;
              overflow:auto;
              background:none;
              border:0;
              color:#8c8d8d;
              padding:5px 0 2px 10px;
    #contacts-form .link2 {
              margin-left:15px;
    /*==========================================*/
    The HTML is:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>TravelSober.com Eastern Caribbean Sober Cruise</title>
    <meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
    <meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">
    <!-- TemplateEndEditable -->
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <!--[if lt IE 7]>
         <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
         <script type="text/javascript" src="js/ie_png.js"></script>
         <script type="text/javascript">
            ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
         </script>
    <![endif]-->
    <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
      <![endif]-->
    <style type="text/css">
    body,td,th {
              font-size: 92%;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21210386-3']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <link href="images/favicon.ico" rel="SHORTCUT ICON">
    </head>
    <body id="page7">
    <div id="main">
       <!-- header -->
       <header>
         <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
          <div class="nav-box">
             <div class="left">
                <div class="right">
                   <nav>
                      <ul>
                         <li><a href="index.html"><span><b>Home</b></span></a></li>
                         <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                         <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                         <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                         <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                         <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                      </ul>
                   </nav>
                </div>
                <a href="#" class="rss">RSS</a> </div>
          </div>
          <ul class="banners">
             <li>
                <div class="box">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Sober Cruises</h2>
                            <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                            <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style1">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Friends of Lois Trips</h2>
                            <p>Al-Anon conferences and vacations</p>
                            <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style2">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Conventions</h2>
                            <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                            <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style3">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Recovery</h2>
                            <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                            <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
          </ul>
       </header>
       <div class="main-box">
          <div class="left-top-corner">
             <div class="right-top-corner">
                <div class="border-top"></div>
             </div>
          </div>
          <div class="border-left">
             <div class="border-right">
                <div class="xcontent">
                   <div class="tail">
                     <div class="inner2">
                         <!-- content -->
                         <section id="content">
                            <h2><b>Costa Caribbean Cruise on the Mediterranea
    - November 30 – December 10, 2012</b><br><br>
                            <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                            <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                            <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                            <h5>10-day itinerary includes: <dir>
                           <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                           Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                           Day 3: At Sea,<br>
                           Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                           Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                           Day 6: At Sea,<br>
                           Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                           Day 8: 8.00am - 5.00pm: Belize,<br>
                           Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                           Day 10: At Sea,<br>
                           Day 11: Miami, Florida: Arrive 8.00am.</p>
                           </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                           <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                       <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                           <p></p>
                           <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
    <p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
    Other free upgrades within categories – placement on first come, first served basis.
    <p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
    </p>
                           <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                           <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
    <h5><h2>
    Call or Email Us Today</h2></a>
    <p></p><h2>Office: (805) 927-6910</h2>
    <h2>Toll Free: (800) 531-7578</h2>
    <p></p><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
    </p></h5>
                       </section>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <!-- footer -->
       <footer>
          <div class="right">
             <div class="tail">
       

    The MORE buttons aren't images.  They are in the HTML and appear to be styled with CSS to look like button images. 
         <span><b>more</b></span>
    Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
    If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles. 
    Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
    Nancy O.

Maybe you are looking for