posicionar <td>

spirron589 · #1 (**permalink**) 30/08/2011, 10:34

Hola yo hago una consulta en con el php a mysql...y los resultados los muestro en una tabla..pero quisiera que los resultados que se muestran en las tablas no se muestren uno debajo del otro...si no uno al lado del otro...hasta 3 veces y luego alli que si tenga mas <td> debajo....como lo hago gracias...osea q tengo q poner en el css? gracias

emprear · #2 (**permalink**) 30/08/2011, 12:31

Tenes que generar nuevas filas, <tr>, cada tres registros que obtengas de la base de datos, con un simple contador puesto en el bucle es sencillo, es decir que la solución pasa por php y no por css ó html.
Mové el tema al foro correspondiente.

Saludos

IsaBelM · #3 (**permalink**) 30/08/2011, 13:10

aquí te dejo dos maneras de hacerlo

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; http-equiv="Content-Type" charset=utf-8"/>
<title></title>
</head>
<body>
<?php
$total_registros_encontrados = 52;

for ($j = 0 ; $j < $total_registros_encontrados; $j+=5) {
$temp .= " " .$j;
}

$arreglo = explode(" ", trim($temp));
$arr = Array();
for ($x = 0; $x< sizeof($arreglo); $x++) {
$arr[$x] = $arreglo[$x];
}
?>

<table border="1">
<tr>

<?php
for ($i = 1; $i <= $total_registros_encontrados; $i++) {
echo "<td>" .$i. "</td>";

// ==== Se puede hacer de
// -------- Esta manera
if ($i % 5 == 0) {
echo "</tr><tr>";
}
// ------
// ------ O de esta otra
//$cad = "\$valores=\$i == " .implode(" || \$i == ", $arr).";";
//eval($cad);
//if ($valores) {
//echo "</tr><tr>";
//}
// ---------
// ==============
}
?>
</tr>
</table>
</body>
</html>

spirron589 · #4 (**permalink**) 30/08/2011, 19:10

Hola ya me los muestra unos al lado del otro...pero no me los muestra cada 3 osea necesito que cada 3 registro baje y se pongan los otros 3 registros abajo...como se hace?

spirron589 · #5 (**permalink**) 30/08/2011, 19:21

ya me lo muestra uno al lado del otro...pero ahora me muestra muchos resultados...iguales

emprear · #6 (**permalink**) 30/08/2011, 21:23

Podés usar esto

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
table td {
border: solid 1px #000;
border-spacing: 2px;
}
table tr td.sinborde {
border: none;
border-spacing: 0px;
}
</style>
</head>
<body>
<?php
$sqlhostname = "localhost";
$login = "xxx";
$password = "@xxx";
$base = "xxxx";
 
$db_connect = mysql_connect($sqlhostname,$login,$password);
$base_selection = mysql_select_db($base,$db_connect);
 
$query = "SELECT fecha FROM msm";
$req = mysql_query($query);
 
if (!$req)
{ echo "<B>Error ".mysql_errno()." :</B> ".mysql_error()."";
exit; }
$res = mysql_num_rows($req);
 
if ($res == 0){
echo "<center><b>sin resultados</b></center>";
}else{
$celdasporfila = 5;
$resto = $res%$celdasporfila;
echo "<table>\n<tr>\n";
$x = 1; 
while($fila = mysql_fetch_array($req)){
$fecha = $fila['fecha'];
                      echo "<td>$fecha</td>\n";
                      if($x == $celdasporfila){
                      echo "</tr>\n<tr>";
                      $x = 0;
                      }                     
$x++;
    }
mysql_free_result($req);
}
 if($resto != 0){
echo "</tr>";
}else{
echo "\n<td class='sinborde' colspan='$celdasporfila'><!-- sin contenido --></td></tr>\n";
}
echo "</table>";
?>
</body>
</html>

Lo unico que tenes que indicar es el valor de la variable
$celdasporfila, en el caso de que el numero de celdas por fila respecto del numero de registros sea un cociente exacto, se te genera una fila adicional sin datos, que como se observa , se la puede formatear con css para quitarle el borde.
se puede elaborar un poco más. pero asi te genera un xhtml válido

Saludos

spirron589 · #7 (**permalink**) 30/08/2011, 21:37

ya lo acomode fue un error mio...disculpen de verdad....y muchas gracias por la gran ayuda :D que tengan una buena semana :D

IsaBelM · #8 (**permalink**) 31/08/2011, 05:38

como no has explicado, sólo decir que se trataba de cambiar el 5 por el número que se quiera

spirron589 · #9 (**permalink**) 31/08/2011, 08:19

jajajaja no..pense q era eso pero no era....era que habia posicionado mal un ciclo en mi codigo ...jaja disculpa :D y gracias