Problema al poner el div hacia la derecha, me muestra los mismos registros de la DB

novatoide · #1 (**permalink**) 26/03/2012, 22:47

Hola amig@s,
Tengo un problema con php y los div en html no sabía dónde postialo pero creo que es lugar indicado, si no, perdón a los mod :S
Bueno estoy diseñando una web que tiene 5 divs en la columna derecha y 5 en columna izquierda
EJEMPLO:

DIV 1 | DIV 3
DIV 2 | DIV 4

Y cuando traigo los datos de la DB me los trae con el doble de contenido en vesde mostrar 1 por uno, más o menos así:

TITULO 1 | TITULO 1
TITULO 2 | TITULO 2

Como que se duplican y la idea es que quede asi:

TITULO 1 | TITULO 3
TITULO 2 | TITULO 4

Si no se entendió subo una captura.

Este es mi código HTML:

Código HTML:

Ver original<?php 
 
            $vid = $inst->get_muestrame();
 
            for($n=0;$n<count($vid);$n++)
            {
            ?>
            <div id="contenido_mas_nuevo">
                <div id="tumb"><img src="img/thumbails.jpg"/></div>
                <p><?php echo $vid[$n]['nombre']; ?></p>
                <p>Descripcion de 100 caracteres...</p>
                <p>Subido por $USER el 23/12/2020</p>
            </div>
 
            <div id="contenido_mas_nuevo">
                <div id="tumb"><img src="img/thumbails.jpg"/></div>
                <p><?php echo $vid[$n]['nombre']; ?></p>
                <p> TITULOOOOO Descripcion de 100 caracteres...</p>
                <p>Subido por $USER el 23/12/2020</p>
            </div>
            <?php 
            } 
            ?>

Este el CSS:

Código CSS:

Ver original#lo_mas_nuevo
{
    margin:210px auto 0px;
    background:peru;
    width:1100px;
    height:670px;
    padding:5px;
}
#contenido_mas_nuevo
{
    margin:10px;
    padding:2px;
    border:1px solid black;
    width:500px;
    border-radius:10px;
    float:left;
}
#tumb
{
    float:left;
    padding:2px;
}

Abrazo.-

anarkes · #2 (**permalink**) 26/03/2012, 23:26

Que tal amigo, prueba el siguiente codigo y adaptalo a tus necesidades

Código PHP:

Ver original<html>
<head>
<title>  </title>
<style>
    #lo_mas_nuevo
    {
        margin:210px auto 0px;
        background:peru;
        width:1100px;
        height:670px;
        padding:5px;
    }
    #contenido_mas_nuevo
    {
        margin:10px;
        padding:2px;
        border:1px solid black;
        width:500px;
        border-radius:10px;
        float:left;
    }
    #tumb
    {
        float:left;
        padding:2px;
    }
</style>
</head>
<body>
<?php
 
$num = 10;
$n = 0;
 
while($n < $num){
 
?>
<div id="contenido_mas_nuevo">
                <div id="tumb"><img src="img/thumbails.jpg"/></div>
                <p><?php echo $n; ?></p>
                <p>Descripcion de 100 caracteres...</p>
                <p>Subido por $USER el 23/12/2020</p>
            </div>
<?php
    if(($n+1) < $num){
?>
            <div id="contenido_mas_nuevo">
                <div id="tumb"><img src="img/thumbails.jpg"/></div>
                <p><?php echo $n+1; ?></p>
                <p> TITULOOOOO Descripcion de 100 caracteres...</p>
                <p>Subido por $USER el 23/12/2020</p>
            </div>
 
<?
}
$n+=2;
}
 
 
?>
 
 
</body>
</html>

novatoide · #3 (**permalink**) 27/03/2012, 23:32

Muchisimas gracias bro por tu respuesta pero lo solucione sacandole el el segundo <div> de contenido y dejandolo en float:left;

Abrazo.-