filas e imagenes

canserbero · #1 (**permalink**) 15/03/2012, 15:16

ola ,espero q este tema lo este poniendo en el lugar correcto!!
weno estoy rompiéndome la cabeza con esto

...bueno loq kiero hacer es guardar en base datos la ruta de las fotos(cosa q ya esta),pero el problema esq quiero hacer q se muestre 4 fotos,luego la quinta foto se pase a la siguiente fila.

bueno este es el codigo

Código PHP:

Ver original<style type="text/css">
<!--
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
-->
</style>
 
<table width="1041" height="582" border="1" >
  <tr>
    <td width="64" height="287">&nbsp;</td>
    <td width="476">
      <p>
        <? 
    
    //mostra imagen principal
    if(!isset($_GET['id'])){
    $conexion1 = mysql_connect('localhost','root','telesup'); 
mysql_select_db("mibase",$conexion1);
    $re1=mysql_query("SELECT * FROM imagen ORDER BY id DESC LIMIT 1 ");
$reg1 = mysql_fetch_array($re1, MYSQL_BOTH);
while($reg1)
{
   echo '<img src="'.$reg1[2].'" width="450" heigth="450"/>';
   break; }
   }
else{
   $conexion1 = mysql_connect('localhost','root','telesup'); 
mysql_select_db("mibase",$conexion1);
    $re1=mysql_query("SELECT * FROM imagen where id=".$_GET['id']."");
$reg1 = mysql_fetch_array($re1, MYSQL_BOTH);
while($reg1)
{
   echo '<img src="'.$reg1[2].'" width="450" heigth="450"/>'."\n";
   echo "<p>"."Nombre:  "."".$reg1[1].""."</p>";
   echo "<p>"."Descripcion:</p>"; 
   echo "<p>"."".$reg1[3].""."</p>";
   break; }
   
   }
    ?>    
   </td>
    <td width="479">&nbsp;</td>
  </tr>
  <tr>
    <td height="142" colspan="2"><?php
$conexion = mysql_connect('localhost','root','telesup'); //REALIZA LA CONEXION 
mysql_select_db("mibase",$conexion);//SELECCIONA LA BASE DE DATOS "USUARIOS"
 
 
echo "<table border = '1'> \n";
 
echo "<tr> \n";
 
echo "</tr> \n";
 
 $re=mysql_query("select * from imagen ORDER BY ID  LIMIT 4");
$reg = mysql_fetch_array($re, MYSQL_BOTH); 
$rows_per_page=3;
while($reg)
{
 
echo "<td><a href=\"ejem.php?id=$reg[0]\">".'<img src="'.$reg[2].'" width="150" heigth="150"/>'."</td> ";
 
$reg = mysql_fetch_array($re, MYSQL_BOTH);
 
}echo "</table>";
mysql_close($conexion);
?></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="143" colspan="3">&nbsp;</td>
  </tr>
</table>

mi base datos solo conta con los siguientes campos
id(int(3)) nombre(varchar(100) foto(blob) descripcion(varchar(200))

espero q me ayuden...si no me supe esplicar bien diganmelo

helacer · #2 (**permalink**) 15/03/2012, 16:13

eso se hace con estulos css.... define un ancho para el div contenedor y un ancho para el div que contiene cada imagen... de tal forma que quepan solo 5... y todas las pone a flotar a la izquierda de tal forma que cuando ya no caben se bajan a la siguietne linea.

En el foro de css le ayudan con el codigo.

tecnoanclaCom · #3 (**permalink**) 15/03/2012, 17:57

a mi me parace que si estas en el foro correcto

yo lo haria de la siguiente forma para que muestro las filas de 5:
<?php
$re1=mysql_query("SELECT * FROM imagen ");

$i = 0;
?>
<table>

<?php while($reg = mysql_fetch_array($re1)){
if($i == 0){
echo "<tr>";
}
?>

echo '<td><img src="'.$reg[''].'" width="450" heigth="450"/></td>';

<?php
if($i == 4){
echo "</tr>";
$i = 0;
}

ojala te sirva yo creo que si funciona........ pruebalo a ver si te funciona

}

?>
</table>

fer911 · #4 (**permalink**) 16/03/2012, 08:53

Hola tengo algo similar en alguno de mis scripts y lo que hago es obtener el modulo para saber si es múltiplo de 4.

Código PHP:

Ver original<table>
<tr>
<?php 
$i=1;
while($reg = mysql_fetch_array($re1)){
  $imagen=$reg["columna"];
  print "<td><img src=\"$imagen\" width=\"450\" heigth=\"450\"/></td>";
  if( ($i%4) == 0){
    print "<tr>";
  }
 $i++;
}
?>
</table>

con $i%4 obtienes el reciduo de dividir $i entre 4

Asi si en tu consulta tienes 20 renglones, donde cada uno hace refencia a una foto, entonces el código te dara una tabla con 5 renglones y claro 4 columnas, es muy fácil corregir el código si queres que la tabla tenga 3,4,5 o 6 columnas.
Obtienes el modulo y si es cero, quere decir que es múltiplo y ahi mero creas otro renglon con <tr> si no entonces sólo creas columnas con <td>

helacer · #5 (**permalink**) 16/03/2012, 09:16

si lo quiere seguir haciendo contablas si esta en el foro correcto.. si lo quiere hacer maquetadito con capas .... apunt ode estilos css

Darkim · #6 (**permalink**) 20/06/2012, 15:30

Hola muy buenas, soy muy, muy novato pero me gusta mucho esto de hacer web y me gustaria e intentare convertirlo en un trabajo.
Tengo una pequeña web (que estoy haciendo para formarme poco a poco) con base de datos en la que index me muestra los productos que hay en ese momento, los productos son mostrados por una imagen y sus datos(en este caso seria para un concesionario de automoviles )yo no se esplicar muy bien el codigo asi que os lo pongo a ver si me podeis ayudar a que salgan las fotos y sus datos por la cantidad que uno quiera, 2 por fila, 3 por fila segun lo que se le coloque al codigo, otra cosa que tampoco se seria darle el tamaño a la imagen

Código PHP:

 
<html>

 
             <head>

              <title>Index</title>

              <!--introducimos codigo para enlazar con el archivo CSS para nuestro estilo-->

              <link href="css\estilo.css" rel="stylesheet" type="text/css">

             </head>

 
<!--colocamos en BODY una imagen de fondo-->

<body BACKGROUND="images\sfondo.gif" LINK="red">

<!--colocamos un div para centrar toda la pagina-->

<div id="div_centrado">

 
                           <!--formamos una tabla-->

                          <table width="100%" cellpadding="0" cellspacing="0" border="1">

                         <!--colocamos un titulo-->

                         <caption class="titulo2">La Web del Automovil</caption>

                         <tr>

                             <!--introducimos una imagen y un texto sobre la imagen-->

                             <td background="images\a30.jpg" height="200" width="25" title="Encuentra tu vehiculo"><span class="texto01">Encuentra tu<br> vehiculo al<br> mejor precio</span></td>

                         </tr>

                         <tr>

                             <td class="centrado">

                        <!--introducimos una lista para formar juntO a css los botones del menu-->                     

                                         <div id="menuhoriz">

                                             <ul>

                                                  <li><a class="texto01" href="administrador.php"> Acceso Administradores </a></li>

                                                  

       

                                             </ul>

                                         </div>         

                             </td>

                         </tr>     

                            

                         <tr>

                             <td class="datos centrado">         

         <?php

                                         // Estableciendo la conexion

                                         include ("conexion.php");

                                         // creamos la sentencia SQL

                                         $ssql="select * from vehiculos";

                                         $resultado=mysql_query($ssql,$descriptor);

                                         //creamos un bucle para recorrer todos los registros

                                         while ($row=mysql_fetch_array($resultado)){

                                         echo "Marca ".$row['marca']."<BR>";

                                         echo "Modelo ".$row['modelo']."<BR>";

                                         echo "Matricula ".$row['matricula']."<BR>";

                                         echo "Precio ".$row['precio']."<BR>";

                                         echo "Combustible ".$row['combustible']."<BR>";

                                         echo "<img src='".$row['imagen']."'>"."<BR>";

                                          }

         ?>

                             </td>

                         </tr>

                         </table>

 
        

        

</div>

</body>

</html>

Muchas gracias a cualquier respuesta
Saludos desde Murcia España

fer911 · #7 (**permalink**) 21/06/2012, 07:46

Lo que pasa es que te falta definir una tabla dentro del <td class="datos centrado">

tu codigo es el siguiente

Código PHP:

 
<td class="datos centrado">         

         <?php

               // Estableciendo la conexion

               include ("conexion.php");

               // creamos la sentencia SQL

               $ssql="select * from vehiculos";

               $resultado=mysql_query($ssql,$descriptor);

               //creamos un bucle para recorrer todos los registros

               while ($row=mysql_fetch_array($resultado)){

                       echo "Marca ".$row['marca']."<BR>";

                       echo "Modelo ".$row['modelo']."<BR>";

                       echo "Matricula ".$row['matricula']."<BR>";

                       echo "Precio ".$row['precio']."<BR>";

                       echo "Combustible ".$row['combustible']."<BR>";

                       echo "<img src='".$row['imagen']."'>"."<BR>";

               }

         ?>

  </td>

y pudiera quedar asi

Código PHP:

 
<td class="datos centrado">    

          <table>   

          <tr>   

         <?php

             // Estableciendo la conexion

             include ("conexion.php");

             // creamos la sentencia SQL

             $ssql="select * from vehiculos";

             $resultado=mysql_query($ssql,$descriptor);

             //creamos un bucle para recorrer todos los registros

             $j=1

              while ($row=mysql_fetch_array($resultado)){

                       echo "<td>";

                       echo "Marca ".$row['marca']."<BR>";

                       echo "Modelo ".$row['modelo']."<BR>";

                       echo "Matricula ".$row['matricula']."<BR>";

                       echo "Precio ".$row['precio']."<BR>";

                       echo "Combustible ".$row['combustible']."<BR>";

                       echo "<img src='".$row['imagen']."'>"."<BR>";

                       echo "</td>";

                       if($j%3==0){     //para tres columnas

                              echo "<tr>";

                       }

                       $j++;

               }

         ?>

          </table>  

   </td>

Darkim · #8 (**permalink**) 21/06/2012, 10:52

Muy buenas y muchas gracias fer911, tengo que decir que esta muy bien, muy bien ahora si me queda bien, siento mucho que para ti sea facil por que asi parece pero yo se que no es facil hay que saberlo ( aunque de veras que aqui puesto cualquiera puede pensar que es facil), la verdad es que yo prove unas 5 horas y no pude hacerlo pero espero aprender.
Solo me falta una cosa, hay un apartado donde los administradores podran dar de alta articulos pero claro subiran las fotos en cualquier tamaño, yo he intentado que las muestre en un tamaño determinado pero nada me sale. Podrias decirme como hacerlo ???'
de antemano te agradezco un monton tu ayuda
Un saludo desde Murcia

fer911 · #9 (**permalink**) 21/06/2012, 11:15

Sólo indica las dimensiones de la imagen.

La etiqueta <img> completa es asi

<img src="nombre_de_image.njpg" width="450" heigth="450">

si te fijas en la etiqueta sólo indicas el ancho y alto de la imagen, en tu código

<img src="nombre_de_imagen.jpg"> sólo te falta el width y el heigth

Darkim · #10 (**permalink**) 21/06/2012, 12:39

Ahora si, ya lo tengo es asi.
echo "<img src='".$row['imagen']. "'width=250 height=200>"."<BR>";
Ahora si me funciona y todo por las comillas que me lian un monton
Muchas gracias por todo y un saludo desde Murcia

Darkim · #11 (**permalink**) 21/06/2012, 12:40

Bueno la verdad es que soy nuevo y no se como se da por cerrado un tema o si lo cierran los administradores, si alguien me puede informar....

muchas gracias