Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] ¿Cómo hacer galería nombre+imagen?

Estas en el tema de ¿Cómo hacer galería nombre+imagen? en el foro de CSS en Foros del Web. Hola, estoy intentando hacer una galería de registros mostrando dos campos (nombre e imagen), y cada uno sería un enlace a su página "detalle". El ...
  #1 (permalink)  
Antiguo 31/10/2013, 03:58
 
Fecha de Ingreso: octubre-2013
Mensajes: 6
Antigüedad: 11 años
Puntos: 0
Pregunta ¿Cómo hacer galería nombre+imagen?

Hola, estoy intentando hacer una galería de registros mostrando dos campos (nombre e imagen), y cada uno sería un enlace a su página "detalle".

El problema es que no doy conseguido que me quede algo como esto, que es lo que busco:




Lo único que consigo es que me salga

Nombre1
Imagen1

Nombre2
Imagen2

Nombre3
Imagen3


Y quiero que sea

Nombre1 Nombre2 Nombre3
Imagen1 Imagen2 Imagen3



Leí que se podía conseguir con bucles, pero lo he intentado y no fui capaz. Una ayudita please.
  #2 (permalink)  
Antiguo 31/10/2013, 06:14
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: ¿Cómo hacer galería nombre+imagen?

no tiene nada que ver con php, es html y css.

si quieres usar html5 las etiquetas son article, figure y figcaption.
el css es aplicarle display:inline-block;
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 31/10/2013, 17:23
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 3 meses
Puntos: 2237
Respuesta: ¿Cómo hacer galería nombre+imagen?

Muevo tu tema a CSS y, para que puedas recibir ayuda, no olvide publicar tu HTML y CSS, sin PHP.
__________________
- León, Guanajuato
- GV-Foto
  #4 (permalink)  
Antiguo 01/11/2013, 02:49
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 2 meses
Puntos: 59
Respuesta: ¿Cómo hacer galería nombre+imagen?

Mira este LINK, creo que es lo que quieres.

Saludos.
  #5 (permalink)  
Antiguo 01/11/2013, 03:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: ¿Cómo hacer galería nombre+imagen?

Lo único que tienes que hacer es flotar los elementos que contengan la imagen y el texto:

Código CSS:
Ver original
  1. .elemento_galeria {
  2.   float: left;
  3. }

Realmente es muy básico.
  #6 (permalink)  
Antiguo 04/11/2013, 02:47
 
Fecha de Ingreso: octubre-2013
Mensajes: 6
Antigüedad: 11 años
Puntos: 0
Respuesta: ¿Cómo hacer galería nombre+imagen?

Cita:
Iniciado por IsaBelM Ver Mensaje
no tiene nada que ver con php, es html y css.

si quieres usar html5 las etiquetas son article, figure y figcaption.
el css es aplicarle display:inline-block;
Muchas gracias por las respuestas, la solución de @IsaBelM me va perfecta. Me llevó a esta página, donde está explicado muy claro:

http://html5doctor.com/the-figure-figcaption-elements/

No entiendo por qué no me van los hipervínculos (usando el botón ese) :(

Última edición por flyingwhale; 04/11/2013 a las 02:52
  #7 (permalink)  
Antiguo 04/11/2013, 03:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: ¿Cómo hacer galería nombre+imagen?

Cita:
Iniciado por flyingwhale Ver Mensaje
No entiendo por qué no me van los hipervínculos (usando el botón ese) :(
Es una medida de seguridad contra el spam. No puedes poner enlaces hasta que cumplas treinta días de registro y treinta mensajes publicados. Está explicado en las normas del foro.

Etiquetas: bucles, galeria, imagenes, php
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 07:52.