como ordenar estos elementos?, una manito plz!!

[ras_chalo]

hola, tengo el siguiente problema:

resulta que tengo una funcion que muestra el carro de compras de mi sitio, el cual me muestra los datos totalmente desordenados. dejo una captura


si se fijan, los nombres de los resultados salen arriba de la imagen, uno al lado de otro, y bajo la imagen, salen los datos respectivamente.

me preguntaba si alguien de uds. me puede ayudar a ordenarlos.

dejo la funcion:

Código Javascript:

//FUNCION QUE MUESTRA EL CARRO
                function addCartItemDisplay(objProd,Quantity){
                    var pId = $(objProd).attr(attrProductId);
                    var pIndex = products.index(objProd);
                    var pName = $(objProd).attr(attrProductName);
                    var pPrice = $(objProd).attr(attrProductPrice);
                    var prodImgSrc = $(objProd).attr(attrProductImage);
                    var pTotal = (pPrice - 0) * (Quantity - 0);
                    pTotal = getMoneyFormatted(pTotal);
                    // Now Go for creating the design stuff
                    
                    $('.scMessageBar',elmCartList).remove();
                    
                    var elmCPTitle1 = $('<div></div>').addClass("scCartItemTitle scCartItemTitle1");                            
                    if(prodImgSrc && options.enableImage && prodImgSrc.length>0){
                        var prodImg = $("<img height='150' align='left'></img>").attr("src",prodImgSrc).addClass("scProductImageSmall");
                        if(prodImg && options.enableImageTooltip){
                            prodImg.bind("mouseenter mousemove",function(){
                                showTooltip($(this));                    
                              return false;
                            });
                            prodImg.bind("mouseleave",function (){
                                tooltip.hide();
                                return true;
                            });
                        }
                        elmCPTitle1.append(prodImg);
                    }
                    var elmCP = $('<div></div>').attr("id","divCartItem"+pIndex).addClass("scCartItem");
  
                    var pTitle =  pName;
                    var phtml = formatTemplate(options.cartItemTemplate, $(objProd));
                    var elmCPContent = $('<div></div>').html(phtml).attr("title",pTitle);                        
                    elmCPTitle1.append(elmCPContent);                        
                    var elmCPTitle2 = $('<label>'+pPrice+'</label>').addClass("scCartItemTitle scCartItemTitle2");
                    var inputQty = $('<input type="text" value="'+Quantity+'" />').attr("id","lblQuantity"+pIndex).attr("rel",pIndex).addClass("scTxtQuantity2");                    
                    $(inputQty).bind("change", function(e){
                        var newQty = $(this).val();
                        var prodIdx = $(this).attr("rel");
                        newQty = newQty - 0;
                        if(validateNumber(newQty)){
                           updateCartQuantity(prodIdx,newQty);
                        }else{
                          var productItem = elmProductSelected.children("option[rel=" + prodIdx + "]");
                          var pValue = $(productItem).attr("value");
                          var valueArray = pValue.split('|'); 
                          var pQty = valueArray[1];
                          $(this).val(pQty);                                                 
                          showHighlightMessage(messageQuantityErrorUpdate);
                        }
                        return true;
                    });
                    
                    var elmCPTitle3 = $('<div></div>').append(inputQty).addClass("scCartItemTitle scCartItemTitle3");
 
                    var elmCPTitle4 = $('<label>'+pTotal+'</label>').attr("id","lblTotal"+pIndex).addClass("scCartItemTitle scCartItemTitle4");
                    var btRemove = $('<a>'+labelRemove+'</a>').attr("rel",pIndex).attr("href","#").addClass("scRemove").attr("title","Quitar del Carro");
                    $(btRemove).bind("click", function(e){
                        var idx = $(this).attr("rel");
                        removeFromCart(idx);
                        return false;
                    });
                    var elmCPTitle5 = $('<div></div>').addClass("scCartItemTitle scCartItemTitle5");
                    elmCPTitle5.append(btRemove);
                    
                    elmCPTitle1.append(elmCPContent);
                    elmCP.append(elmCPTitle1).append(elmCPTitle2).append(elmCPTitle3).append(elmCPTitle4).append(elmCPTitle5);
                    elmCartList.append(elmCP);
                }
 

estaría muy agradecido si me logran ayudar!
estaré atento a sus comentarios!

saludos y de ante mano muchas gracias!!

[IsaBelM]

eso es jquery. espera o solicita que te lo muevan al sub foro de framewoks js

[ras_chalo]

Iniciado por IsaBelM

eso es jquery. espera o solicita que te lo muevan al sub foro de framewoks js

gracias por el aviso!