Ver Mensaje Individual
  #3 (permalink)  
Antiguo 23/05/2011, 18:40
eresvey
 
Fecha de Ingreso: febrero-2011
Ubicación: cali, valle del cauca
Mensajes: 158
Antigüedad: 13 años, 9 meses
Puntos: 8
Respuesta: problema con galeria para tiendas virtuales

Cita:
Iniciado por lizfranco Ver Mensaje
A la clase .center_prod_box cámbiale el height:auto; por un alto definido (no lo dejes en auto).

Y El link de 'ver' colocalo dentro de la clases .center_prod_box. Y este link ya no neceita 'float:left'

Código HTML:
 <div class="prod_box">
     
                <div class="center_prod_box">            
                     <div class="product_title"><a href="ver-co_'.$row["id_producto"].'-tienda_'.$row["id_tienda"].'-'.$d.'.html">'.$row['nom_producto'].'</a></div>
                     <div class="product_img"><a href="ver-co_'.$row["id_producto"].'-tienda_'.$row["id_tienda"].'-'.$d.'.html"><img src="http://localhost/tuluacomercial/files/'.$row["fot_miniatura"].'"  alt="" title="" border="0" /></a></div>
                     <div class="prod_price"><span class="reduce"></span> <span class="price">$'.$valor.'</span></div>  
                     <div class="prod_details_tab"><a href="ver-co_'.$row["id_producto"].'-tienda_'.$row["id_tienda"].'-'.$d.'.html" class="prod_details">Ver</a> </div>                           
                </div>
               
                               
            </div> 
Código HTML:
    .prod_box{
    width:173px;
    height:auto;
    float:left;
    margin:10px;
    text-align: center;
    padding:8px;
    overflow:hidden; /* NEW*/
    }
    .center_prod_box{
    width:173px;
    height:300px;  /* NEW*/
    float:left;
    text-align:center;
    padding:8px;
    margin:0px;
    border:1px #F0F4F5 solid;
    }
    .prod_details_tab{
    width:173px;
    height:31px;
    /*float:left;*/
    margin:3px 0 0 0;
    }
Muchas gracias amigo todo esta muy claro