Columnas de a dos

OsSk4R · #1 (**permalink**) 25/06/2009, 11:07

Buenas,

Mirar, quiero sacar unos registros en columnas. Hasta ahora he conseguido mostrar cada registro en un contenedor.

Este es el código:

Código ejemplo:

Ver original<style>
#contenedor_generos {
        width:460px;
        height:50px;;
        text-align:center;
        padding-left:2px;
        padding-right:2px;
        padding-top:2px;
        padding-left:2px;
        padding-right:2px;
        padding-bottom:2px;
        border: 1px solid #ccc;
    }
 
    </style>
<?php
include ("config.php");
$sql1 = mysql_query("SELECT * FROM generos ORDER BY id,$conexion);
$cuenta = 0;
while ($row1 = mysql_fetch_assoc($sql1)) {
 
$cuenta ++;
//Buscamos el titulo, sinopsis etc, de la pelicula que corresponda con la id pasada en el where. Todo eso, lo buscamos de la tabla oc_peliculas1.       
$nombre_genero = $row1[nom_genero'];
echo "<div id='contenedor_generos'>$nombre_genero</div>";
}
 
?>

Lo que busco es que los contenedores salgan de dos en dos. O sea, a la izquierda un resultado, a la derecha otro resultado etc.

Así:

Muchas gracias

ACX_POISON · #2 (**permalink**) 25/06/2009, 12:03

pues que tal si

Código PHP:

  while ($row1 = mysql_fetch_assoc($sql1))
 {
     $cuenta ++;
    //Buscamos el titulo, sinopsis etc, de la pelicula que corresponda con la id pasada en el where. Todo eso, lo buscamos de la tabla oc_peliculas1.      
     $nombre_genero = $row1[nom_genero'];
       if($cuenta%2==0)
       {$tipo="par";}
        else{$tipo="impar";}
    echo "<div id='contenedor_generos".$tipo.">$nombre_genero</div>";// los añaes en div con distinto id
}
 
?>

y luego creas dos estilos css un para el div par y otro para el impar dando a una la posicion derecha y al otro la izquierda...

aunque solo te puedo ayudar en eso , pues en css ando a rajuñones...

GatorV · #3 (**permalink**) 25/06/2009, 15:05

Tema trasladado desde PHP

kseso? · #4 (**permalink**) 25/06/2009, 17:23

Se me ocurre que ese código lo generes en un div con las propiedades precisas para que se coloquen 2 a 2 los div´s generados.
Tal que así:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>3 columnas</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; position: relative;}
html, body {height: 100%;}
#contiene_contenedores {width:948px;;
padding:10px;
background: #333;
overflow: hidden;
}
.contenedor_generos {
        float: left;
        width:460px;
        height:50px;;
        text-align:center;
        padding-left:2px;
        margin: 5px;        
        border: 1px solid #ccc;
        background: #cdcdcd;
    }
</style>
</head>
<body>
<div id="contiene_contenedores">
<div class="contenedor_generos"> bla bla bla ...</div>
<div class="contenedor_generos"> bla bla bla ...</div>
<div class="contenedor_generos"> bla bla bla ...</div>
<div class="contenedor_generos"> bla bla bla ...</div>
</div>
</body>
</html>

he cambiado tu "contenedor_generos" a una clase (no un id)
y he llamado "contiene_contenedores" (original

) donde debes generar los "contenedor_géneros" de tu código.

Un saludo