Foros del Web » Creando para Internet » CSS »

Alinear imagenes

Estas en el tema de Alinear imagenes en el foro de CSS en Foros del Web. Tengo estas imagenes cada una esta encerrada en una etiqueta <p>etiqueta imagen</p> y se ven de esta manera Lo que quiero es que todas queden ...
  #1 (permalink)  
Antiguo 06/02/2011, 21:49
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 1 mes
Puntos: 52
Alinear imagenes

Tengo estas imagenes cada una esta encerrada en una etiqueta <p>etiqueta imagen</p> y se ven de esta manera



Lo que quiero es que todas queden alineadas a la misma altura

la etiqueta p en css la tengo asi

Código CSS:
Ver original
  1. p { margin: 0px; padding: 0px; }

¿Como le hago?
  #2 (permalink)  
Antiguo 06/02/2011, 21:58
Avatar de Kurozaki  
Fecha de Ingreso: diciembre-2010
Ubicación: Con mi Zanpakutou (Colima, MEX).
Mensajes: 175
Antigüedad: 13 años, 4 meses
Puntos: 9
Respuesta: Alinear imagenes

las etiquetas <p>, (de parrafo) obviamente, dan un salto de linea por default.

Nosé si con un display:inline, se solucione; Pero ponque no las metes dentro de divs, y las alineas flotandolas a la izquierda (a todas a la vez).
__________________
Diseñador y Desarrollador web :)
  #3 (permalink)  
Antiguo 06/02/2011, 22:19
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Alinear imagenes

Bueno pues es que necesito que esten dentro de un <p> para utilizar un script de jquery de id flotantes, que al poner el mouse sobre una imagen se muestre un div con un contenido.
  #4 (permalink)  
Antiguo 06/02/2011, 22:54
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Alinear imagenes

Lo he solucionado asi:

Código CSS:
Ver original
  1. p { margin: 0px; padding: 0px; float="left" }
  #5 (permalink)  
Antiguo 06/02/2011, 23:46
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Alinear imagenes

Cita:
img{margin:0; padding:5px; border:1px solid #333; float:left;}
Cambia el padding que quiere que valla de la imagen al borde, cambia el tamaño y el color del borde.

Saludos!
  #6 (permalink)  
Antiguo 07/02/2011, 17:16
(Desactivado)
 
Fecha de Ingreso: enero-2011
Mensajes: 293
Antigüedad: 13 años, 3 meses
Puntos: 4
Respuesta: Alinear imagenes

usa tablas el td te permite alinear en la misma linea en campio <p > esta echo para texto no para chapuzas.
  #7 (permalink)  
Antiguo 08/02/2011, 17:07
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Alinear imagenes

Hola:

Cita:
Iniciado por yooom Ver Mensaje
usa tablas el td te permite alinear en la misma linea en campio <p > esta echo para texto no para chapuzas.
Mayor chapuza es usar las tablas para maquetar.

Saludos.

  #8 (permalink)  
Antiguo 08/02/2011, 22:54
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Alinear imagenes

Estoy de acuerdo.
  #9 (permalink)  
Antiguo 09/02/2011, 12:47
(Desactivado)
 
Fecha de Ingreso: enero-2011
Mensajes: 293
Antigüedad: 13 años, 3 meses
Puntos: 4
Respuesta: Alinear imagenes

que usas tu entonces?

Etiquetas: alinear, imagenes
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 23:30.