Foros del Web » Creando para Internet » CSS »

Columnas de a dos

Estas en el tema de Columnas de a dos en el foro de CSS en Foros del Web. Buenas, Mirar, quiero sacar unos registros en columnas. Hasta ahora he conseguido mostrar cada registro en un contenedor. Este es el código: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 25/06/2009, 12:07
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 11 años, 1 mes
Puntos: 74
Columnas de a dos

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
  1. <style>
  2. #contenedor_generos {
  3.         width:460px;
  4.         height:50px;;
  5.         text-align:center;
  6.         padding-left:2px;
  7.         padding-right:2px;
  8.         padding-top:2px;
  9.         padding-left:2px;
  10.         padding-right:2px;
  11.         padding-bottom:2px;
  12.         border: 1px solid #ccc;
  13.     }
  14.  
  15.     </style>
  16. <?php
  17. include ("config.php");
  18. $sql1 = mysql_query("SELECT * FROM generos ORDER BY id,$conexion);
  19. $cuenta = 0;
  20. while ($row1 = mysql_fetch_assoc($sql1)) {
  21.  
  22. $cuenta ++;
  23. //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.      
  24. $nombre_genero = $row1[nom_genero'];
  25. echo "<div id='contenedor_generos'>$nombre_genero</div>";
  26. }
  27.  
  28. ?>

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
  #2 (permalink)  
Antiguo 25/06/2009, 13:03
Avatar de ACX_POISON  
Fecha de Ingreso: abril-2008
Ubicación: Talca-Chile
Mensajes: 750
Antigüedad: 9 años, 8 meses
Puntos: 7
Respuesta: Columnas de a dos

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...
__________________
Me junto con los que Saben, Queriendo Saber.
  #3 (permalink)  
Antiguo 25/06/2009, 16:05
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Respuesta: Columnas de a dos

Tema trasladado desde PHP
  #4 (permalink)  
Antiguo 25/06/2009, 18:23
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Columnas de a dos

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>3 columnas</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  5. <style type="text/css">
  6. * {margin:0;padding:0; position: relative;}
  7. html, body {height: 100%;}
  8. #contiene_contenedores {width:948px;;
  9. padding:10px;
  10. background: #333;
  11. overflow: hidden;
  12. }
  13. .contenedor_generos {
  14.         float: left;
  15.         width:460px;
  16.         height:50px;;
  17.         text-align:center;
  18.         padding-left:2px;
  19.         margin: 5px;        
  20.         border: 1px solid #ccc;
  21.         background: #cdcdcd;
  22.     }
  23. </head>
  24. <div id="contiene_contenedores">
  25. <div class="contenedor_generos"> bla bla bla ...</div>
  26. <div class="contenedor_generos"> bla bla bla ...</div>
  27. <div class="contenedor_generos"> bla bla bla ...</div>
  28. <div class="contenedor_generos"> bla bla bla ...</div>
  29. </div>
  30. </body>
  31. </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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:03.