Foros del Web » Programando para Internet » PHP »

Mostrar los datos con el siguiente formato

Estas en el tema de Mostrar los datos con el siguiente formato en el foro de PHP en Foros del Web. Estimado compañeros. Escribo por si alguien me puede echar una mano. Tengo una tabla en la base de datos con la siguiente estructura. Titulo;Foto Bien, ...
  #1 (permalink)  
Antiguo 02/11/2008, 05:38
 
Fecha de Ingreso: mayo-2008
Mensajes: 12
Antigüedad: 16 años
Puntos: 0
Mostrar los datos con el siguiente formato

Estimado compañeros. Escribo por si alguien me puede echar una mano.
Tengo una tabla en la base de datos con la siguiente estructura.

Titulo;Foto

Bien, el tema es conseguir sacar una cosa parecida a un catalogo con el siguiente formato:

Foto Foto Foto Foto
Titulo Titulo Titulo Titulo

El tema de las fotos no tengo problemas pero si con los títulos. Como puedo hacer para sacar los titulos en ese orden???. Cada 5 elementos salta de línea.

Muchas gracias por todo.
  #2 (permalink)  
Antiguo 02/11/2008, 06:20
Avatar de Deschamps  
Fecha de Ingreso: octubre-2008
Mensajes: 257
Antigüedad: 15 años, 6 meses
Puntos: 8
Respuesta: Mostrar los datos con el siguiente formato

Una tabla html generada con un par de bucles PHP?
Si expones algo del código que usas, se podría hacer alguna precisión más.

Un saludo.
  #3 (permalink)  
Antiguo 02/11/2008, 15:23
Avatar de turco_7  
Fecha de Ingreso: diciembre-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.044
Antigüedad: 20 años, 4 meses
Puntos: 19
Respuesta: Mostrar los datos con el siguiente formato

Creo que tu problema es como mostras el titulo debajo de la foto, si primero imprimis las fotos ... esto con tablas se complicaria un poco, me parece que la mejor forma de hacerlo seria asi ...
Código HTML:
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div> 
Ahora para que te queden 5 filas por foto, deberias manejarlos con los bucles e imprimir div con fila
y para que te queden alineados a la izquierda creo que es algo asi ..
Código HTML:
.fila div{
float:left;
}
Código HTML:
<div class="fila">
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
<div class="contenedor">
     <img src="tu_foto">
     <p>Titulo de la foto</p>
</div>
</div> 
Saludos!
__________________
Mi Blog http://turco7.blogspot.com
Usuario Linux : 404289
Mi última página: http://www.digitalservicecba.com.ar - Reparacion de camaras digitales!
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 14:53.