Thumbnail of available webapp align

Hello.

I'm having problems to make a Bootstrap grid to display correctly the lists of webapp and hope that someone can know the cause and fix it.

I wish it was 3 images on each line.

The problem appears when the browser is between 768px and 992px wide.  Here is the page I'm having the problem on. http://louisianahearthosptial.mybizzuka.com/_Assets/physicians/Louisiana-heart-medical-Gro up-doctors

This page is still in development, so in case of a problem with this page/link here is the screenshot showing the problem.

layout_problem.jpg

Doctors are in a Web application, and the list view is what is displayed on the problem page.  Here's the code in list.html:

< div class = 'col-sm-4' >

{tag_photo} < br >

{tag_name}

< / div >

Bootstrap using a grid of 12 poles so the class above says "on a small device screen 3 columns."  Normally, the code would be something like:

< div class = "row" >

< div class = 'col-sm-4' >

{tag_photo} < br >

{tag_name}

< / div >

< div class = 'col-sm-4' >

{tag_photo} < br >

{tag_name}

< / div >

< div class = 'col-sm-4' >

{tag_photo} < br >

{tag_name}

< / div >

< / row >

But because I can't find a way to wrap the 3 doctors in a < div class = "row" > (list n doctors), I take this Bootstrap function: "If more than 12 columns are placed in a single line, each group of additional columns, as a single unit, wrap on a new line."

I think the problem is maybe float-related but have not been able to solve this problem.

Anyone know what could be causing the page to be available like this, or what is the fix?

Thanks for reading this.

sepyh

Hi Robert,.

Because if the width is smaller than the names of the doctors is squezed a few pods are higher than others. Create this selector to apply a minimum height, and they will align properly:

@media (min-width: 768px)
.col-sm-4 {
    width: 33.33333333%;
    min-height: 260px;
}

Here's what it looks like: http://screencasteu.worldsecuresystems.com/Mihai/2015-10-14_10.12.56.png

Kind regards

Mihai

Tags: Business Catalyst

Similar Questions

  • Product grid "bootstrap" leaving large voids

    I use Bootstrap with my site and the product grid, I get strange gaps, sometimes in the middle of the grid, sometimes with the last element of the page. It is implemented on the grid of the col-lg-3 to use the grid-3 line.

    You can see bere page: http://radshaperc.businesscatalyst.com/NoCataloghttp://radshaperc.businesscatalyst.com/NoCatalog

    tmp_7532-Screenshot_2015-11-18-19-12-371904555059.png

    Check out this thread, thinking it's the same question - thumbnail of available Webapp align

    Thank you

    Mihai

  • CSS HELP! IT IS NOT CENTERING BACKGROUND

    OK my page's work perfidy everywhere but not in Internet Explorer... I want the background to be centered and fixed also (so it does not scroll), everything I try send page wach hole or it alings he left

    CSS:

    /*****************************************/

    /*************** RESET CSS ***************/

    /*****************************************/

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ht ml, label, table, tr, td {margin: 0; padding: 0 ;}}

    table {border-collapse: collapse; border-spacing: 0 ;}}

    fieldset, img, an img,: link, img: visited img {border: 0 ;}}

    address, caption, cite, dfn, code, var, th {make-style: normal; make-weight: normal ;}}

    OL, ul {list-style: none ;}}

    Caption, th {text-align: left ;}}

    H1, h2, h3, h4, h5, h6 {make-size: 100% ;}}

    q: before, q: after {content: ";}}

    / * Site * /.

    {body

    Background: #2 c 2825 url(images/topBg-repeat.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-attachment: fixed;

    font: 12px / 1.46 Verdana, Verdana, Geneva, without serif.

    margin: 0;

    Color: #000;

    text-align: center;

    }

    TD {make-size: 1em ;}}

    form {}

    Display: inline;

    margin: 0;

    padding: 0;

    }

    H1 {make: normal 1.5em Arial, Helvetica, without serif; color: #0f0f0f;}   }

    H2 {make: normal 1.3em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

    H3 {make: normal 1.1em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

    {H2. Header}

    color: #484848;

    padding: 10px;

    background-color: transparent;

    make-weight: bold;

    }

    {p}

    padding-bottom: 10px;

    padding-left: 20px;

    }

    an img {border: 0 ;}}

    a: link {color: #493933 ;}}

    a: visited {color: #493933 ;}}

    a: active {color: #bbb0a8}

    a: hover {color: #bbb0a8 ;}}

    . Clear {clear: both; font-size: 0em; height: 0em ;}}

    .floatRight {float: right ;}}

    .floatLeft {float: left ;}}

    . AlignRight {text-align: right ;}}

    . AlignLeft {text-align: left ;}}

    .AlignCenter {text-align: center ;}}

    .margincenter {auto margin: 0 ;}}

    . Small {make-size: .9em ;}}

    . Smaller {make-size: .8em ;}}

    . Smallest {make-size: .7em ;}}

    signs {size are: 1.1em ;}}

    .larger {size are: 1.2em ;}}

    .largest {size are: 1.3em ;}}

    . Bold {make-weight: bold ;}}

    . Italic {make-style: italic ;}}

    .red {color: #dd0000 ;}}

    . Blue {color: #0000ff ;}}

    . Grey {color: #999999 ;}}

    . NoWrap {white-space: normal ;}}

    . Link-pipe {color: #999999 ;}}

    .input_error {border-color: #cc0000 #ff0000 #ff0000 #ff0000 ;}}

    Select {}

    border-width: 1px;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    }

    . Error-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #dd0000;

    make-weight: bold;

    }

    . LOGN .error-message,

    . AFCL .error-message,

    . ORDL .error-message {}

    margin: 12px 24 PX.

    Width: auto;

    }

    any intelligence-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #0000dd;

    }

    . LOGN all intelligence-message {}

    margin: 12px 24 PX.

    Width: auto;

    }

    TD. Field textarea {}

    Width: 200px; height: 100px;

    }

    . TextField, select, textarea,

    #tax - fields of entry {} .form_row

    border-width: 1px;

    border-style: solid;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    Police: normal Arial, Helvetica, Verdana, without serif 1em;

    }

    . TextField, textarea {}

    Width: 140px; height: 18px;

    }

    button {}

    border: none;

    background-color: #9c1f1c;

    color: #ffffff;

    font-size: .9em;

    padding: 3px;

    margin: 0;

    cursor: pointer;

    Width: auto;

    overflow: visible;

    }

    {#site-container}

    Width: 960px;

    Auto margin: 0;

    text-align: left;

    border-collapse: collapse;

    }

    #bottom-wrap {clear: both; font-size: 0em; height: 0em ;}}

    / Top Navigation * bar * /.

    {#-barre of navigation

    Background: #fff url(images/mainNav-bg.jpg) no-repeat center;

    height: 41px;

    line-height: 0;

    margin-bottom: 20px;

    margin-top: 16px;

    padding: 10px;

    }

    bar of navigation-# ul {}

    Auto margin: 0;

    padding: 8px 0 0 0;

    Width: 560px;

    Clear: both;

    }

    bar of navigation-# li {}

    color: #ffffff;

    list-style: none;

    line-height: 12px;

    float: right;

    text-align: center;

    margin: 0 2px;

    Police-weight: normal;

    }

    navigation bar-# li.navigation - point-on {}

    navigation bar-# li.navigation - point-off}

    / * tab padding * /.

    bar of navigation-# li div div {padding: 5px 18px ;}}

    / * tab off images side * /.

    li.navigation - point-off div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

    li.navigation - point-off div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

    / * tab on the side images * /.

    li.navigation - point-on div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

    li.navigation - point-on div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

    / navigation bar links * /.

    navigation bar-# li a: link,.

    navigation bar-# li a: visited,

    navigation bar-# li a: hover,

    #-barre of navigation li a: active {}

    color: #fff;

    text-decoration: none;

    }

    {} #nav - box

    #nav - search {}

    {#nav} - basket

    {#nav} - account

    {} #nav - all - products

    {#nav} - showcase

    / * Left navigation * /.

    {#left-navigation}

    padding: 10px 10px 20px 10px;

    vertical-align: top;

    Width: 200px;

    }

    / * Column Pages * /.

    . One-column #left navigation {display: none ;}}

    . One-column #main - content {padding: 20px; width: 940px ;}}

    #shipping - payment .form_row {text-align: left ;}}

    {#category-tree}

    background-color: #e3dad4;

    padding: 10px;

    }

    {#category - tree - top - image}

    Width: 218px;

    }

    {#category - tree - low - image}

    background: transparent url(images/footer-bottom-bg.jpg) low no-repeat;

    padding-bottom: 29px;

    }

    #category - tree {}

    Display: block;

    text-decoration: none;

    color: #0f0f0f;

    do-size: 12px;

    }

    {div #category - tree}

    border-bottom: 1px solid #eee8e5;

    padding: 10px 0;

    }

    tree-category # level - 1 {a}

    padding: 4px 6px 4px 0;

    background: transparent url() right no-repeat;

    }

    #category - tree level-2 a {padding: 4px 6px 4px 20px ;}}

    #category - tree level-3 a {padding: 4px 6px 4px 30px ;}}

    #category - tree level-4 a {padding: 4px 6px 4px 40px ;}}

    #category - tree level-5 a {padding: 4px 6px 4px 50px ;}}

    #category - tree level-6. a {padding: 4px 6px 4px 60px banner ;}}

    #category - tree div.active End Sub

    {#category-tree-header}

    background: top url(images/categoryTitle-bg.jpg) no-repeat scroll Center;

    height: 46px; Width: 218px;

    padding-bottom: 20px;

    }

    {#category - tree - footer

    background: url(images/catTreeSocialFooter-bg.jpg) no-repeat scroll center top transparent;

    height: 200px;

    Padding: 60px banner 0 0 20px;

    Width: 199px;

    margin-top: 15px;

    }

    #category - tree - Footer img {}

    Width: 35px; height: 35px;

    margin-left: 5px;

    }

    {img.social - icons-first #category - tree - footer

    margin-left: 25px;

    }

    / * Content * /.

    {#content container}

    Clear: both;

    margin: 0;

    background-color: #fff;

    }

    {#main - content

    vertical-align: top;

    Width: 730px;

    }

    / * Header/footer global * /.

    {#global-in-head}

    background: url() not high repetition;

    }

    #logo {}

    height: 79px;

    Width: 213px;

    }

    #logo a {}

    Background: URL(images/logo.gif) no-repeat scroll left top transparent;

    cursor: pointer;

    Display: block;

    height: 79px;

    Width: 320px;

    }

    {#search}

    float: right;

    Padding: 40px 10px 4px 0;

    }

    {#header-links}

    float: right;

    Padding: 40px 12px 0 0;

    line-height: 22px;

    color: #ededed;

    text-align: right;

    }

    {#header-links}

    color: #fff;

    }

    {#global-footer}

    border-top: 1px solid #dbcfca;

    margin: 60px banner 0;

    padding-top: 20px;

    text-align: center;

    }

    #footer - links {}

    color: #bbb0a8;

    }

    #footer - links ul {}

    font: normal .9em Verdana, Helvetica, Arial, without serif.

    margin: 8px 0;

    padding: 0;

    }

    #footer - links ul li {}

    list-style-type: none;

    border-left: 1px solid #bbb0a8;

    padding: 0 2px 0 6px;

    margin: 0;

    text-align: center;

    Display: inline;

    }

    #footer - links li.first - child ul {border: 0 ;}}

    #global-footer #footer - links #footer - plan of the site-link {display: none ;}}

    {#miva-link}

    do-size: .8em;

    margin: 16px 0;

    }

    #miva - link has {color: #999999 ;}}

    #-l ' the page header {clear: both ;}}

    page #-pied {clear: both ;}}

    {#maintenance}

    color: #dd0000;

    make-weight: bold;

    }

    / * ACAD, CADE, AFAD, DAVID, OFC * /.

    {.logout-link

    margin: 12px 0;

    float: right;

    }

    #customer - the label fields.

    {label #affiliate - fields}

    Clear: both;

    float: left;

    padding: 2px 5px 3px 0;

    text-align: right;

    white-space: nowrap;

    Width: 170px;

    }

    label #affiliate - commissions,.

    . {Label editable OSEL .not}

    float: left;

    Width: 120px;

    make-weight: bold;

    text-align: right;

    padding: 0 6px 0 0;

    }

    #customer - input.textfield fields,

    #affiliate - input.textfield fields,

    #tax - input fields,

    #affiliate - div.form_row div commissions,

    div.form_row. fix div {}

    Width: 170px;

    margin: 0 4px 0 0;

    }

    #affiliate - commissions div.form_row div {float: left ;}}

    #customer - select fields.

    #affiliate - fields select {}

    Width: 176px;

    margin: 0 4px 0 0;

    }

    #login-details.

    {#affiliate-Info}

    margin: 16px 0 0 0;

    }

    #affiliate - commissions .form_row {margin: 0 8px 0 0;}

    . {#Affiliate - AFAD fields

    Width: 50%;

    Auto margin: 0;

    }

    . Contact-DAVID #affiliate - #affiliate fields,

    . DAVID #affiliate - #affiliate - commissions {} fields

    float: left;

    Width: 50%;

    }

    {.affiliate-code #affiliate - commissions}

    Width: 230px! important;

    }

    {#affiliate - image #affiliate - commissions}

    Width: 236px! important;

    overflow: auto;

    }

    #affiliate-terms {margin-left: 155px ;}}

    #affiliate - .form_row {div. fix fields

    margin: 0 8px 0 0;

    padding: 2px 0 0 0;

    }

    except-button,

    continue-button {}

    Clear: both;

    text-align: right;

    Padding: 24 PX 0 0 0;

    }

    .required {make-weight: bold ;}}

    {H2. Fields-topic

    background-color: #68635f;

    color: #fff;

    margin: 0 12px 0 0;

    padding: 4px 4px 4px 12px;

    }

    .address2-label {margin: 0 14px 0 0;}

    . Controls {}

    Police: normal Verdana, Helvetica, Arial, without serif .7em;

    visibility: hidden;

    }

    #customer - fields .controls label {}

    float: none;

    }

    #ship-to,.

    Bill - to # {}

    Width: 50%;

    float: left;

    }

    #ship - to input.checkbox h2,

    #bill - h2 {input.checkbox}

    margin: 0 2px 12px 0;

    padding: 0;

    Width: 13px;

    height: 13px;

    overflow: hidden;

    }

    div. Invalid input.textfield,

    div. Invalid select,

    #tax - fields of entry {} div.invalid

    border-color: #cc0000 #ff0000 #ff0000 #ff0000.

    }

    tag div. Invalid {color: #dd0000 ;}}

    . Warning-message {}

    padding: 4px;

    text-align: center;

    Width: 60%;

    Auto margin: 0;

    color: #dd0000;

    }

    #customer - fields.editable .form_row,

    {.form_row #affiliate - fields.editable}

    margin: 6px 0 0 0;

    text-align: left;

    }

    #customer - fields.non-{editable .form_row

    margin: 0 4px 0 0;

    text-align: left;

    }

    #customer - editable fields.non-etiquette.

    #affiliate - fields.non-{editable label

    margin: 0 0 0 30px;

    padding: 0 4px 0 0;

    make-weight: bold;

    Width: 110px;

    text-align: right;

    float: left;

    Clear: both;

    white-space: nowrap;

    }

    #customer - fields.non - editable .form_row div,.

    #affiliate - fields.non - editable .form_row div {}

    float: left;

    }

    {#update-record}

    Clear: both;

    margin: 0 0 24 PX 24 PX.

    }

    label fields .tax {make-weight: bold ;}}

    / * LOGN, AFCL, ORDL ORHL * /.

    . AFCL #main - happy,

    . LOGN #main - happy. {#Main - content ORHL

    Width: 940px;

    }

    . ORHL #main - content {}

    . ORDL #main - content {padding: 28px 16px ;}}

    . AFCL hickiing,

    . LOGN hickiing {}

    float: left;

    height: 220px;

    Width: 49%;

    text-align: center;

    }

    . Hickiing {} ORDL

    float: left;

    height: 220px;

    Width: 33%;

    }

    . .Lookup-section {} ORHL

    float: left;

    height: 220px;

    Width: 50%;

    }

    . {.signin-section ORHL

    float: left;

    height: 220px;

    Width: 48%;

    }

    . Lookup-section .form_row {}

    . SignIn-section .form_row {}

    hickiing h3,

    . Lookup-section h3,

    . SignIn-section h3 {}

    text-align: center;

    padding-bottom: 10px;

    }

    {.form_row}

    margin: 6px 0 0 0;

    text-align: center;

    }

    . Label LOGN,

    . Label ORDL,

    . {Label AFCL

    Clear: both;

    Width: 80px;

    padding: 3px 5px;

    }

    . {Label ORHL

    Clear: both;

    padding: 3px 5px;

    text-align: right;

    white-space: nowrap;

    Width: 90px;

    }

    . Grey-border-right {border-right: 1px solid #cccccc ;}}

    . LOGN-entry {width: 120px ;}}

    {# key invalid

    Width: 23px;

    float: left;

    margin: 0 4px 0 0;

    border-width: 1px;

    border-style: solid;

    border-color: #cc0000 #ff0000 #ff0000 #ff0000.

    }

    {}. sign-in-buttons

    text-align: center;

    margin: 12px 0 0 0;

    }

    {forgot password

    font-size: .9em;

    text-align: center;

    margin: 12px 0 0 0;

    }

    / * BASK, ASTC, OPAY, OSEL SE * /.

    #basket - happy. non-modifiables.

    #basket - happy .editable,

    {Table #order - summary

    Width: 100%;

    border-left: 1px solid #d6d6d6;

    border-top: 1px solid #d6d6d6;

    margin-top: 10px;

    }

    #basket - happy. editable non-table.

    table #basket - happy .editable,

    {Table #order - summary

    border-collapse: collapse;

    Width: 100%;

    }

    #basket - happy editable .non-td,

    TD #basket - happy .editable

    #order - content td {}

    background-color: #fff;

    border-bottom: 1px solid #d6d6d6;

    border-right: 1px solid #d6d6d6;

    vertical-align: top;

    Padding: 6px;

    Police: normal 1em Arial;

    }

    #basket - table of contents table tr.basket - section td,

    #basket - table of contents table tr.basket - section td,

    #order - summary table tr.heading td {}

    background-color: #68635f;

    color: #fff;

    make-weight: bold;

    text-align: center;

    do-size: 1em;

    white-space: nowrap;

    }

    #Basketball-content .basket-Qty-input {width: 34px ;}}

    #Basketball-content .item - delete {}

    Width: 8%;

    vertical-align: middle;

    }

    #basket - table of contents table .basket-section name - td.item {}

    text-align: left;

    }

    #basket - happy .editable .item-quantity {}

    Width: 13%;

    text-align: center;

    white-space: nowrap;

    }

    #basket - happy .non-{.item-editable quantity

    Width: 6%;

    text-align: center;

    }

    #Basketball-content .item-name options .item {padding-left: 16px ;}}

    #basket - happy. fix .item-name {width: 59% ;}}

    #basket - happy .editable .item-name {width: 66% ;}}

    #basket - materials td.item - name {text-align: left ;}}

    # price-.item-basketball-content {}

    Width: 10%;

    text-align: right;

    white-space: nowrap;

    }

    #basket - content total .item {}

    Width: 10%;

    text-align: right;

    }

    #basket - .basket-cost materials .charge-description,.

    #Basketball-content .basket-loads load .formatted {}

    make-style: italic;

    text-align: right;

    white-space: nowrap;

    }

    #basket - #basket summary - totals .formatted-total,.

    #basket - #basket - total summary .total-speedy {}

    make-weight: bold;

    text-align: right;

    }

    #Basketball-content .item-options td {}

    .go .item-quantity {width: 8%! important ;}}

    .go .item-name {width: 64%! important ;}}

    #fields-key {margin: 16px 0 ;}}

    .go-button {}

    margin: 12px 10px;

    text-align: right;

    }

    #payment-{} input fields

    border-width: 1px;

    border-style: solid;

    border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

    padding: 1px 2px;

    Police: normal Arial, Helvetica, Verdana, without serif 1em;

    }

    {label #payment - fields}

    white-space: nowrap;

    text-align: left;

    padding: 3px 5px 3px 0;

    Clear: both;

    margin: 2px 0 0 0;

    }

    # fields - payment td {}

    padding: 0 6px 0 0;

    }

    #shipping - payment .form_row {margin: 10px 0 0 0 ;}}

    {label #shipping - payment}

    float: left;

    Width: 65px;

    white-space: nowrap;

    text-align: left;

    padding: 3px 5px 3px 0;

    Clear: both;

    margin: 2px 0 0 0;

    }

    . OSEL .continue-button,

    . OPAY .continue-button {}

    margin: 0 12px 0 0;

    }

    . OFC #basket - content {margin: 32px 0 0 0 ;}}

    . OPAY .fields-key {margin: 16px 0 0 0;}

    fields-payment # .form_row {margin: 10px 0 0 0 ;}}

    #customer - fields. fix {margin: 32px 0 0 0;}

    #basket - happy. fix {32px margin: 16px 0 0 ;}}

    / * SRCH, PLST, CTGY, OUS1, OUSM * /.

    . Categoy-registration

    . All products,

    product related,

    *.search-results {}

    Clear: both;

    }

    . Product-item {}

    float: left;

    padding: 0 20px 10px;

    Width: 215px! important;

    }

    {.padding .product-point

    background-color: #fff;

    height: 300px;

    overflow: hidden;

    padding: 20px 10px;

    text-align: center;

    color: #484848;

    border: 1px #dbcfca solid;

    }

    previous-next-.product {}

    Clear: both;

    margin: 12px 0;

    }

    . CTGY .product-details,

    . PLST .product-details,

    . SRCH .product-detail {}

    overflow: hidden;

    text-align: center;

    color: #493933;

    padding: 0;

    margin: 0;

    }

    . Product-point .product-thumbnail {}

    margin: 0 12px 0 0;

    text-align: center;

    }

    . Product-point .product-thumbnail img {}

    border: 0px solid #D6D6D6;

    Max-width: 190px; height: 165PX;

    }

    {.purchase-buttons

    text-align: center;

    margin: 16px 0 0 0;

    }

    . Purchase-buttons input.button {}

    margin: 0 0 0 17px;

    padding: 5px;

    float: left;

    }

    {td.item - .line-point buttons

    white-space: nowrap;

    }

    . Item-buttons input.button {}

    float: left;

    margin: 0 0 0 5px;

    padding: 5px;

    }

    . Point-line tr.header - line td {make-weight: bold ;}}

    {.thumbnail-non-availability

    Display: block;

    Width: 110;

    height: 110px;

    background: transparent url() no-repeat scroll left top;

    Auto margin: 0;

    }

    {image-no-availability

    Display: block;

    background: transparent url() no-repeat scroll left top;

    }

    . Next-previous {margin: 12px 0 0 0 ;}}

    . Next-button {float: right ;}}

    . Previous-button {float: left ;}}

    . Search-new {margin: 0 3px 10px;}

    . {#Main - content OUS1

    padding-left: 225px;

    padding-right: 225px;

    }

    . Upsale-section {text-align: center ;}}

    . OUS1 .product-thumbnail {}

    float: left;

    height: 300px;

    Max-width: 300px;

    text-align: center;

    padding: 0 20px 0 0;

    }

    . OUS1 .product-description {margin: 16px 0 0 0 ;}}

    . OUS1 .thumbnail-non-availability {auto margin: 16px ;}}

    . {#Main - content OUSM

    padding-left: 160px;

    padding-right: 160px;

    }

    {.upsale-lot

    Width: 100%;

    padding: 2px;

    }

    . Upsale-lot .heading td {make-weight: bold ;}}

    . Upsale-box {width: 32px ;}}

    . Upsale-name {width: 175px ;}}

    . OUS1 .purchase-buttons textarea {}

    text-align: center;

    Width: 390px;

    height: 100px;

    }

    . OUSM continue-button {text-align: center ;}}

    .line-article table {width: 99% ;}}

    . Line-item table tr.heading td {make-weight: bold ;}}

    . Line-item table td {}

    padding: 10px;

    {border: 1px solid #ccc}

    . Line-item .item-name {width: 30% ;}}

    tr.alt_row .line-item {background-color: #f4ece7 ;}}

    / * PRODUCT DISPLAY * /.

    .product-details-1 {}

    Width: 48%;

    float: left;

    }

    . Product-details-1 p {}

    text-align: center;

    }

    {.product-details-2

    Width: 48%;

    float: left;

    }

    {.purchase .product-details-2 buttons}

    margin: 16px 0;

    text-align: left;

    Width: 200px;

    }

    . Product-details-2 .purchase-keys {}

    font-size: 17px;

    height: 39px;

    margin: 10px 0 0;

    text-shadow: 2px 2px 2px #496E92;

    Width: 140px;

    }

    .product-image {}

    Max-width: 300px;

    margin: 20px 0;

    text-align: center;

    }

    . Product-image img {}

    Max-width: 300px;

    Max-height: 300px;

    }

    . Product-quantity-input {}

    margin: 4px 0;

    overflow: auto;

    Width: 34px;

    text-align: left;

    }

    {} related products

    Clear: both;

    16px margin: 32px 0 0;

    }

    . Product-attributes {}

    margin: 16px 0;

    text-align: left;

    }

    . Product-attributes td {}

    padding: 4px 0;

    }

    . Product-attributes td.prompt}

    vertical-align: top;

    text-align: left;

    padding-right: 5px;

    }

    . Product-attributes td.field}

    text-align: left;

    }

    / * INVC * /.

    . INVC ordering-id,

    . ADR ordering id {}

    float: left;

    make-weight: bold;

    }

    . INVC ordering date,

    . {. Order-date ADR

    float: right;

    text-align: right;

    }

    . INVC ordering period,

    . . Order date of ADR span {}

    make-weight: bold;

    }

    . INVC h3,

    . ADR h3 {}

    Clear: both;

    margin: 16px 0 24 PX 0;

    }

    / * PATROL * /.

    . PATR .continue-button {}

    text-align: right;

    margin: 12px 0;

    }

    / * SMAP * /.

    . SMAP h3 {}

    }

    . SMAP .category {}

    Width: 33%;

    text-align: left;

    float: left;

    }

    . SMAP .category {} .padding

    padding: 2px;

    }

    . SMAP .product {}

    Width: 33%;

    text-align: left;

    float: left;

    }

    . SMAP .product .padding {padding: 2px ;}}

    / * ORDH, ADR * /.

    table #orderhistory - list {border-collapse: collapse ;}}

    {Table #order - summary

    Width: 100%;

    }

    #order - summary table td.

    #orderhistory - list table td {}

    vertical-align: top;

    }

    #orderhistory - list ordering - reorganize {text-align: center ;}}

    #orderhistory - list ordering-Bill {}

    #orderhistory - list ordering-description {text-align: left ;}}

    #orderhistory - list ordering-date {}

    #orderhistory - ordering-bought list {text-align: center ;}}

    #orderhistory - list ordering quantity {text-align: center ;}}

    #orderhistory - list ordering {text-align: center ;}}

    #orderhistory - followed list ordering {text-align: left ;}}

    #orderhistory - ordering-total list {text-align: right ;}}

    #-orderhistory - ordering rix {text - align:right ;}

    #orderhistory - ordering-view list {}

    vertical-align: middle;

    padding: 0 8px;

    }

    #orderhistory - list tr.heading td {}

    make-weight: bold;

    white-space: nowrap;

    }

    #order - summary table tr td.order - reorganize {text-align: center ;}}

    #order - summary table tr td.order - invoice {}

    #order - summary table tr td.order - description {text-align: left ;}}

    #order - summary table tr td.order - date {text-align: left}

    #order - contents table tr td.order - bought {text-align: center ;}}

    #order - summary table tr td.order - quantity {text-align: center ;}}

    #order - summary table tr td.order - status {text-align: left ;}}

    #order - summary table followed tr td.order {text-align: left ;}}

    #order - summary table tr td.order - total {text-align: right ;}}

    #order - summary table tr td.order - price {text-align: right ;}}

    Description - #order - summary table tr td.charge,

    #order - summary table tr td.charge - fairy {}

    make-style: italic;

    text-align: right;

    }

    #order - summary table tr td.charge - fairy {text-align: right ;}}

    #order - summary table tr td.formatted - total,

    #order - summary table tr td.total - speedy {}

    text-align: right;

    make-weight: bold;

    }

    {#customer-fields}

    margin: 16px 0;

    }

    #Order_BillZip {width: 44px ;}}

    .widest {width: 100% ;}}

    / * Homepage elements * /.

    body. SFNT #left navigation {display: none ;}}

    body. SFNT #main - content {width: 960px; padding: 0 ;}}

    body. SFNT #main - content h1, body. SFNT #main - happy h2, body. H3 #main - content SFNT {margin-left: 20px ;}}

    #header {}

    background: url(images/header.jpg) no-repeat scroll center top transparent;

    height: 280px;

    20px margin: 10px 0 0;

    Width: 960px;

    }

    #header a {}

    position: absolute;

    Width: 940px; height: 250px;

    }

    #header has {span

    display: none;

    }

    {#free-shipping}

    background: transparent url(images/shipping-banner.jpg) top no-repeat;

    Width: 960px; height: 50px;

    padding-bottom: 20px;

    float: left;

    }

    #free - shipping a {}

    position: absolute;

    Width: 940px; height: 46px;

    }

    #free - shipping a span {}

    display: none;

    }

    left-ad # {}

    background: transparent url(images/left-ad.jpg) top no-repeat;

    Width: 460px; height: 132px;

    padding-bottom: 20px;

    margin-top: 20px;

    float: left;

    }

    left-ad # a {}

    position: absolute;

    Width: 460px; height: 132px;

    }

    a span {left-ad #}

    display: none;

    }

    right-ad # {}

    background: transparent url(images/right-ad.jpg) top no-repeat;

    Width: 460px; height: 132px;

    padding-bottom: 20px;

    float: right;

    margin-top: 20px;

    }

    right-ad # a {}

    position: absolute;

    Width: 460px; height: 132px;

    }

    right-ad a span {#}

    display: none;

    }

    / * - Welcome banner-* /.

    {#welcome banner}

    background: url(images/welcome-bg.jpg) no-repeat scroll center top transparent;

    float: left;

    height: 128px.

    margin: 15px 0 0 10px;

    padding-bottom: 10px;

    Width: 687px;

    Display: inline;

    }

    #welcome - banner h1 {}

    color: #523F29;

    margin: 0;

    padding: 0;

    }

    #welcome - banner p {}

    color: #523f29;

    Width: 650px;

    margin-top: 10px;

    }

    #welcome - banner a {}

    color: #523f29;

    text-decoration: underline;

    margin-top: 10px;

    padding: 0 20px 10px 20px;

    }

    / * - end welcome banner-* /.

    / * - End newsletter-* /.

    {#social-media}

    background: url(images/socialMedia-bg.jpg) no-repeat scroll center top transparent;

    float: left;

    height: 128px.

    margin: 15px 0 0 20px;

    Width: 220px;

    Display: inline;

    }

    # media social .the-icon {}

    display: inline;

    float: left;

    margin: 55px 0 0 18px;

    padding: 0;

    }

    / * - End newsletter-* /.

    / *-subpages-* /.

    #main - content h1 {}

    margin: 0 20px 20px 10px;

    color: #0f0f0f;

    }

    / * - image css machine-* /.

    .thumbnails {}

    display: block;

    margin: 0 0 0 60px banner;

    padding: 0;

    Width: 230px;

    }

    .thumbnails li {}

    Display: block;

    float: left;

    margin: 5px 5px 0 0;

    padding: 0;

    Width: 150px;

    height: 150px;

    text-align: center;

    border: 1px solid #eeeeee;

    cursor: pointer;

    }

    .thumbnails li span {}

    Display: inline-block;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    }

    .thumbnails li img {}

    vertical-align: middle;

    }

    {.swatches}

    Display: inline;

    margin: 0;

    padding: 0;

    }

    . Swatches li {}

    Display: block;

    float: left;

    margin: 4px 4px 0 0;

    padding: 0;

    Width: 50px;

    height: 50px;

    text-align: center;

    border: 1px solid #eeeeee;

    cursor: pointer;

    }

    . Swatches li span {}

    Display: inline-block;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    }

    . Swatches li img {}

    vertical-align: middle;

    }

    {.product-image-margin

    height: 8px;

    }

    {.closeup}

    position: absolute;

    top: 150px;

    Padding: 15px;

    Background: #fff;

    border: 3px solid #eaeaea;

    text-align: center;

    display: none;

    z index: 9999;

    min-width: 274px;

    min-height: 274px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    -moz-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    -webkit-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

    }

    . CloseUp a {}

    cursor: pointer;

    position: absolute;

    right:-15px;

    top:-15px;

    z index: 9999;

    Color: #ff0000;

    }

    {#closeup - legend

    margin: 15px 15px 0;

    padding: 5px;

    Police: "BOLD" 14px Arial, Helvetica, without serif.

    color: #fff;

    Background: #666;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: rgba(255,255,255, 0.75) 0px 0px 25px;

    display: none;

    }

    {.closeup_backing}

    position: absolute;

    left: 0px;

    Top: 0px;

    Background: #000;

    Background: RGBA (0,0,0,.6);

    Filter:alpha(opacity=60);

    Width: 100%;

    z-index: 100;

    }

    . CTGY .product-details .product name.

    . PLST .product-details .product name.

    . SRCH .product-details .product-name {}

    height: 40px;

    }

    Holy Mexican mole sauce! That's a lot of CSS code.

    All you really need is this:

    {body

    Background: #2 c 2825 url(images/topBg-repeat.jpg) no repeat center top fixed;

    }

    See a live demonstration:

    http://ALT-Web.com/demos/fixed-background.shtml

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

  • How to return to an earlier version of the HP Solution Center?

    Hello

    I have a HP Ultrabook (Windows 7) and an all-in-one (quite old), the HP PhotoSmart C3180, as well as a HP Scanjet G4050. Everything was dandy until I installed the latest version of the HP Solution Center.

    Which led to (1) make the C3180 not scan, and (2) launch its color print record (he can no longer auto-align color prints are fuzzy).

    Of course, I'm tempted to revert to the previous version of the HP Solution Center and stay with it. Could someone explain to me how this is done?

    I currently have version 130.0.44.62 of the installed Solution Center.

    Thank you

    John

    Hi Jayfull,

    I can't wait to hear that you have questions. Unfortunately the previous versions of the software for this printer are not compatible with Windows 7.  You may be able to get some of the components to install another operating system or install it using compatibility mode, but there is no guarantee that any of these options will work. I have included a link to the Microsoft support page to use the software in compatiability mode. Are you able to analyze through fax scan Windows or MS paint? The solution center should not have caused the alignment problems or blurred impressions seen. We must address the possibility of a failure of the printer if you are unable to align. You are able to print the self-test page?  See if you can access the Toolbox through the preferences to perform the alignment, please see the steps below.  Also before trying the software in compatibility mode, click here to run the doctor print and scan. Click on the + sign next to the utility-diagnostic tools, and then click Download next to print and scan the doctor.  We may be able to solve the problems of simple software with Solution Center through utility which can help with the issue.

    Search the Toolbox:

    1. go to the printed case

    2. right click on the printer driver, the printer properties select

    3. in the populous dialog box, on the general tab, click the Preferences button down

    4. click on the features tab

    5. click on the services below to the right printer button

    6. Select the services tab

    7. if available select align cartridges

    To print a self-test report:

    1. press and hold cancel them on the control panel.

    2 press and hold Cancel, press start copy color.

    Print the self-test report

    Make older programs in this version of Windows, click here NOTE: this is a 3rd party site, HP and I are not responsible for the content of this page.

    Let me know the above information and the results of the utility, attempt to page and alignment test.  I'll help you in any way I can.

  • Photo thumbnails for video files not available in the file for Windows 7 display options?

    It seems that Windows 7 has eliminated the option to display "thumbnails" (photo) for video files, as it was available in Windows XP?  Miniature photos were apparently also eliminated "Tile" option to display video files.

    Am I right about that?  If this is true, I'm really disappointed, but I would be grateful someone check or say - who confirmed this observation.

    Hello

    Thanks for posting your query in Microsoft Community.

    I understand from the information you have provided to us, you are facing problems with the display of the photo in Windows 7 thumbnails. I will certainly help you in this matter.

    1. this happens with all files?

    2. What is the format of the file?

    Please see the link.

    View and print picture thumbnails

    http://Windows.Microsoft.com/en-in/Windows7/view-and-print-picture-thumbnails

    If you face problems more when working with Windows Mail on the Microsoft Community Forum.

  • Format &gt; align options not available in Dreamweaver 2015

    I upgraded to 2015 CC, I noticed that the option to align a text is no longer available in this version, I tried the so Ctrl + shift + alt + R (or L, C), but they work do not, the format of alignment to change shortcuts is not available to affect as well. This could be a big problem for beginners like me, in previous versions I just selected some paragraphs and right-click and then automatically inserted the DIV and aligned with the text, now I have to manually insert a DIV for a specific line and give the format of each line. No idea where is the alignment option? Or how to get around this? Thank you!

    MarcosBorges wrote:

    No, the inspector I get has no alignment buttons, not not even the properties of police like yours, that's what I see:

    You must click on CSS . properties Your screenshot shows that you are in HTML properties.

    Nancy O.

  • How align/absolute average to an image - the option is not available more cloud version

    I have the need to apply the "absolute" to text images. In version 5.5, there was the option as shown below. What is the way to do it now in the version of cloud?

    I need to work with the cloud version because I have to insert animated files oam edge and is not available in version 5.5.

    So in short, I need option as long as one or the other is available in two versions.

    Version 5.5

    absolute middle.png

    Cloud version

    absolute middle cloud.png

    I think you can right click on the image in Design view to join this attribute yet.

    You can still 2014.0 CC.

    The reason why it is not available in the Properties window is because that the html align attribute under the html standards obsolete.

  • How to create valid JSON using available list webapp?

    Hello everyone,

    I tried to create JSON using the available list of webapp. My layout of the list looks like:

    {"item_logoagenzia":"{tag_logo agenzia_value}", "item_description":"{tag_description, 100}"}
    It works well, but as soon as some special characters use as quotes etc. The JSON cease to operate and become invalid. Please see also my thread to stackoverflow where I gave me the javascript code as well. If anyone can help on this question he'll find me grateful to him.
    Kind regards

    Which returns only the characters, it's the nature of the use, 100 not JSON problem or the other. Make a multiline custom field if you want a piece of text and wrap in your own p.

    Format of questions your list are not JSON, just how things work.

  • the thumbnail alignment

    Can we see why the lower thumbnail pictures (all the same size) don't vertically align on this page? They are not on safari or firefox on my machine. Thanks for any help

    http://freemanadvertising.com/photo_temp2.html

    You are welcome...

    Beth

  • Thumbnails (some) are not available to the CC bridge

    screen grab.jpg

    I have the size of the cache for all thumbnails in 1000M and tried more great.  This just started today... any ideas anyone?

    Hello

    Start Adobe Bridge and immediately press Ctrl + Alt + Shift (Windows) or command + Option + shift (Mac OS down) until the reset dialog box settings is displayed. Select three options-preferencesReset , reset workspaces Standard and purge entire thumbnail Cache- and then click on OK

    Lets us know if it helps

    Thank you

  • Synchronized text damage BC Webapps available

    I added the text synchronized on my cell phone and version of the tablet of my site. I downloaded BC and now all my styles and layouts of my webapps have completely disappeared. When I remove the text of the sync it sorts. I wanted to have the text of synchronization to allow the client to change only the text of the office layout and not having to worry about mobile. Any suggestions why this is happening?

    Screen Shot 2015-07-21 at 11.52.27.pngScreen Shot 2015-07-21 at 11.56.19.png

    The text at the top to right the synchronized text and my webapp is usually part of the page

    I have a solution for you, for now. In Muse, for pages that use a BC module and text synchronized:

    1. Page > Page Properties...
    2. As HTML "for".", adds.
    3. Publish the site

    I have a site of example showing the use of the module synchronized text, without it and with it using this work around: http://jasonsj-test.businesscatalyst.com/forum7792012/index.html

    This could be a limitation of design on the side BC, but I can't confirm that at the moment.

    I guess that as Muse uses {module_json} to evaluate synchronized text fields, BC is not also to evaluate the content of the model correctly. Somehow BC find the {module_webapp} but not injected the required stylesheet.

    I hope this workaround solution solves your problem for now. Please let me know how it goes.

    Jason San Jose

  • Other forms will be available for the slideshow thumbnails (circles, diamonds, etc...)?

    I want my jQuery thumbnails to be something other than a square or a rectangle, or even turn the square is a rhombus. Will it be possible?

    There are no plans for this in the immediate future, but you can achieve this effect with a background image of the form you want and then turning vignettes on the [none] fill color (or the color of the background of the page).

  • Line is no longer allows a display of gallery - the thumbnail and not save the names of the drawings. It is not available on Adobe cat is able to answer these questions.

    Is anyone having problems with the line and iOS 8? I can't record or name my files or see to the gallery.

    Hi Tmhenton,

    I'm in iOS 8.0.2 and it works very well for me. I am able to view all the projects and their designs and when not in an individual design and can use pinch or expand gestures to zoom in or zoom out for miniature display of project/drawings.

    I can rename projects by doing the following (click to see larger)

    You can try these if you're having trouble

    1. Completely power off and back on your iPad. time to hold the power button
    2. Save no matter what projects/drawing you want to save, and then reinstall the application

    Hope that helps,

    -Dave

  • Alignment of the mouse in flash-based objects is completely wrong

    Since I installed FF 8.0 I continue to have this problem: whenever I try to use an object flash (, video game, YouTube etc.), there seems to be a problem with the alignment of the mouse: the position of the pointer as part of object is different then in the normal window, which means it's really hard to click, as the video game acknowledges that the alignment of the mouse in the window and not 'virtual' in pointer the game. Previously, FF 7, I have no problem with that at all; I tried to reinstall Adobe Flash Player, but it did not work.

    No idea how to fix this?

    Try turning off hardware acceleration.

    • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

    If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • Disable thumbnails of images

    Is there a way to disable the thumbnails that appear in the Skype chat? I need to be able to see when an image is sent then is it possible to return it when he appeared as a file transfer. I can't seem to find an option to disable the thumbnails, I thought it would be.

    Your options window is version Skype 6.21 or more. The option is available in the latest Skype 6.22 or 7.0 versions.

    In Skype 6.21.0.104 there is no option to disable the preview image in the chat window.

Maybe you are looking for

  • Portege M400: Is it possible to use the resolution 1400 x 1050 on external monitor?

    The Portege M400 SXVGA (i.e. 1400 x 1050) can support 1400 x 1050 via analog / external monitor? I ask this question because I can't do! Most importantly, he is happy to provide, even if the monitor is a TFT 1400 x 1050 screen is 1280 x 1024. I downl

  • Execution Profiler causes error after that it is disabled.

    Hi all I have a set of software that we use the CVI execution Profiler with.  I built the version with profiling enabled in the build options which also added the merge module in the build (see CVIProfilerMergeModule.jpg).  I got what I needed the pr

  • SM Bus Controller, DV7-6B57NR, Windows 7

    I found the post about this issue by recommending to go to the link AMD download Chioset of catalyst drivers. I did as suggested and Parry the chipset software. He solved the problems of USB controller that has eliminated from the Device Manager, but

  • OfficeJet 6500 709n all-in-one

    After that download the drivers for the all-in-one, which is installed on a network (of two) with an ethernet cable connecting the printer to the router (NOT a computer), the installation is unable to complete, asking that the cable be connected to t

  • Service of blackBerry Smartphones not supported

    When you attempt to ringtones motorola Krazr for Blackberry 8310 bluetooth, I get the message 'service not supported '. Phones are connect without problem, but do not file transfer. What is the problem and how to fix it?