Skip to main content
se eliminó 1 carácter en el cuerpo
Origen Enlace
D.Bulten
  • 6.6k
  • 2
  • 25
  • 42
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.col3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
<?php
    //Conexión MySQL
    require_once'tu_conexion.php';
    
    //Sentencia
    $sql=  mysqli_query($tu_conexion, "SELECT * FROM repuesto");
    //Si existe registros en la Base de datos.
    if (mysqli_num_rows($sql) > 0) {

        //Caja, para añadir cajas flotantes (No puede ir dentro de while, si no en cada registro te elimina el flujo flotante de tus caja).
        echo "<div class=holder-clear>";

        while($res= mysqli_fetch_array($sql)) {

            //Es importante añadir la caja flotante en tu bucle while.
            echo "          
                <div class='col3 padding'>
                    
                    <img src=turuta/".$res['imagen_repuesto']." alt='imagen (.jpg)' />
                    
                    <h2>".$res['nombre_repuesto']."</h2>
                    
                    <p>".$res['precio_repuesto']."</p>
                    
                    <div>
                        ".$res["descripcion_repuesto"]$res['descripcion_repuesto']."
                    </div>

                    <a class=button href=descripcion.html>Leer más</a>
                </div>

            ";
            
        } 

        echo "</div>";//Fin eliminación cajas flotantes.

    } else { //Caso falso.
        echo "0 registros encontrados";
    }
    //Cerramos conexión despues de no utilizarlo.
    mysqli_close($tu_conexion);
    
?>
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.col3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
<?php
    //Conexión MySQL
    require_once'tu_conexion.php';
    
    //Sentencia
    $sql=  mysqli_query($tu_conexion, "SELECT * FROM repuesto");
    //Si existe registros en la Base de datos.
    if (mysqli_num_rows($sql) > 0) {

        //Caja, para añadir cajas flotantes (No puede ir dentro de while, si no en cada registro te elimina el flujo flotante de tus caja).
        echo "<div class=holder-clear>";

        while($res= mysqli_fetch_array($sql)) {

            //Es importante añadir la caja flotante en tu bucle while.
            echo "          
                <div class='col3 padding'>
                    
                    <img src=turuta/".$res['imagen_repuesto']." alt='imagen (.jpg)' />
                    
                    <h2>".$res['nombre_repuesto']."</h2>
                    
                    <p>".$res['precio_repuesto']."</p>
                    
                    <div>
                        ".$res["descripcion_repuesto"]."
                    </div>

                    <a class=button href=descripcion.html>Leer más</a>
                </div>

            ";
            
        } 

        echo "</div>";//Fin eliminación cajas flotantes.

    } else { //Caso falso.
        echo "0 registros encontrados";
    }
    //Cerramos conexión despues de no utilizarlo.
    mysqli_close($tu_conexion);
    
?>
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.col3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding { padding: 1rem; }
<?php
    //Conexión MySQL
    require_once'tu_conexion.php';
    
    //Sentencia
    $sql=  mysqli_query($tu_conexion, "SELECT * FROM repuesto");
    //Si existe registros en la Base de datos.
    if (mysqli_num_rows($sql) > 0) {

        //Caja, para añadir cajas flotantes (No puede ir dentro de while, si no en cada registro te elimina el flujo flotante de tus caja).
        echo "<div class=holder-clear>";

        while($res= mysqli_fetch_array($sql)) {

            //Es importante añadir la caja flotante en tu bucle while.
            echo "          
                <div class='col3 padding'>
                    
                    <img src=turuta/".$res['imagen_repuesto']." alt='imagen (.jpg)' />
                    
                    <h2>".$res['nombre_repuesto']."</h2>
                    
                    <p>".$res['precio_repuesto']."</p>
                    
                    <div>
                        ".$res['descripcion_repuesto']."
                    </div>

                    <a class=button href=descripcion.html>Leer más</a>
                </div>

            ";
            
        } 

        echo "</div>";//Fin eliminación cajas flotantes.

    } else { //Caso falso.
        echo "0 registros encontrados";
    }
    //Cerramos conexión despues de no utilizarlo.
    mysqli_close($tu_conexion);
    
?>
se eliminaron 2 caracteres en el cuerpo
Origen Enlace
D.Bulten
  • 6.6k
  • 2
  • 25
  • 42
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.colum3col3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.colum3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.col3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
se añadieron 9 caracteres en el cuerpo
Origen Enlace
D.Bulten
  • 6.6k
  • 2
  • 25
  • 42
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.colum3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
/* Eliminamos flujo (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.colum3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
/* Eliminamos flujo flotante (CSS3). */
.holder-clear {         
    height:   1%; 
    width: 100%;  
    overflow: hidden;    
}

/* Reglas estandares para nuestras cajas flotantes. */
.col2, .col3, .col4 { 
    float:left;
    width: 100%;    
}

/* 2 cajas flotantes */
.col2 { max-width: 50%; }

/* 3 cajas flotantes */
.colum3 { max-width: 33.3%; } 

 /* 4 cajas flotantes */
.col4 { max-width: 25%; }

.padding: { padding: 1rem; }
Origen Enlace
D.Bulten
  • 6.6k
  • 2
  • 25
  • 42
Loading