Foros del Web » Creando para Internet » CSS »

"text-align" centra fotos tb? :O

Estas en el tema de "text-align" centra fotos tb? :O en el foro de CSS en Foros del Web. Sorprendido estoy, no sabía qué hacer para centrar las fotos en mis post de wordpress y hasta ahora añadía a mano cada foto así Cita: ...
  #1 (permalink)  
Antiguo 18/01/2007, 05:13
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 11 años
Puntos: 6
Sonrisa "text-align" centra fotos tb? :O

Sorprendido estoy, no sabía qué hacer para centrar las fotos en mis post de wordpress y hasta ahora añadía a mano cada foto así

Cita:
<div align="center"><img src="foto" title="" border="0" hspace="0" vspace="0"></div>
y ahora probé esto con css

Cita:
#margenfoto {
margin-bottom:16px;
text-align: center;
}
... y funciona!, ¿también vale el "text-align" para esto entonces?, me ha sorprendido que fuera tan fácil y que no se me hubiera ocurrido antes

Decir que ahora lo añado así:

Cita:
<div id="margenfoto"><img src="foto" title="" width="0" height="0" border="0"></div>
No es que haya ganado mucho pero ahora además de centrar también puedo darle propiedades al margen inferior solo de las fotos que quiera, cosa que me hacía falta.

Última edición por _minimalnet_; 18/01/2007 a las 05:17 Razón: ampliación
  #2 (permalink)  
Antiguo 18/01/2007, 10:53
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: "text-align" centra fotos tb? :O

No sólo eso. También puedes añadir propiedades a las imágenes mediante CSS. Prueba esto en tu web:

Código HTML:
#margenfoto img {
	padding: 5px;
	border: 1px solid #666;
}
Eso añadirá un borde alrededor de tu imagen con una separación de 5px;
  #3 (permalink)  
Antiguo 18/01/2007, 11:56
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 15 años, 4 meses
Puntos: 7
Re: "text-align" centra fotos tb? :O

minimalnet

Bienvenido al fabuloso mundo de las CSS y sus posibilidades.

y como va de imágenes date una vuelta por esta web (la columna izquierda ) para que veas lo que se puede lograr con imágenes y CSS

http://www.cssplay.co.uk/menu/index.html

__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com
  #4 (permalink)  
Antiguo 18/01/2007, 12:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: "text-align" centra fotos tb? :O

Hola:

Hasta ahora la única manera realmente eficaz que conozco de centrar fotos tanto de forma horizontal como vertical es poniéndola como fondo de una capa:
#capa {background: url(fondo.jpg) no-repeat center center;}

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 11:45.