Foros del web, para los que viven de bits

_minimalnet_ · 18-ene-2007, 04:13

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:

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:

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.

metacortex · 18-ene-2007, 09:53

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;

bhagat · 18-ene-2007, 10:56

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

caricatos · 18-ene-2007, 11:15

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

18-ene-2007, 04:13	#1 (permalink)
_minimalnet_ Fecha de Ingreso: diciembre-2006 Ubicación: Valencia Mensajes: 302	"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-ene-2007 a las 04:17. Razón: ampliación

18-ene-2007, 09:53	#2 (permalink)
metacortex Moderador Fecha de Ingreso: junio-2004 Ubicación: Venezuela Mensajes: 6.304	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;

18-ene-2007, 10:56	#3 (permalink)
bhagat Fecha de Ingreso: noviembre-2002 Ubicación: Granada Mensajes: 454	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

18-ene-2007, 11:15	#4 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.434	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

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado