trabajando en los precios

Author: bitsmike

css/main.css

@@ -4,7 +4,7 @@ Michael Marin
 ==========================================================================*/
 
 body{
-    padding-top:0px; 
+    padding-top:0px;
     padding-bottom:0px;
 }
 
@@ -13,25 +13,6 @@ body{
     padding-left: 40%;
 }
 
-div.producto{
-    height:430px; 
-    width: 220px;
-}
-
-div.productoImg{
-    height:320px; 
-    width: 200px;
-}
-
-div.productoImg{
-    height:300px; 
-    width: 200px;
-}
-
-.fotoProducto{
-    margin-left: auto;
-}
-
 #botoneraderubros{
     text-align:center;
 }
@@ -41,6 +22,22 @@ div#logeoIdentidad{
     margin-left:30px;
 }
 
+div.producto{height:430px;width: 220px;}
+div.productoImg{height:320px;width: 200px;}
+div.fotoProducto{margin-left: auto;}
+div.divPrecioProducto{
+    color: white;
+    text-shadow:0px 0px 20px rgba(0,255,0,1);
+    background-color: red;
+    font-size: 18px;
+    height: 40px;
+    width: 100px;
+    padding-top:7px;
+    border: 1px solid red;
+    border-radius: 15px;
+
+}
+
 
 
 /* CSS Document for chat MICAMI

js/main.js

@@ -110,11 +110,13 @@ function cargarProductos(rubro){
                 }
 
                 var divProductos = "<div class='col-xs-6 col-md-4 producto' id='producto"+vCont+"'>"
-                                        +"<div class='productoImg'><img class='fotoProducto img-rounded' src='./fotos/"+valor.fotoProducto+".jpg'></div>"
+                                        +"<div class='productoImg'>"
+                                            +"<img class='fotoProducto img-rounded' src='./fotos/"+valor.fotoProducto+".jpg'>"
+                                            +"<div class='divPrecioProducto'><p class='precio'>S/."+valor.precioProducto+"</p></div>"
+                                        +"</div>"
                                         +"<div class='productoDetalles'>"
                                             //+"<div class='divNombreProducto'>"+valor.idProducto+"</div>"
                                             +"<div class='divNombreProducto'>"+valor.nombreProducto+"</div>"
-                                            +"<div class='divPrecioProducto'>S/."+valor.precioProducto+"</div>"
                                             //+Ancho
                                             //+Alto
                                             //+Largo