Foros del Web - "text-align" centra fotos tb? :O

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - "text-align" centra fotos tb? :O (http://www.forosdelweb.com/f53/text-align-centra-fotos-tb-457493/)

"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:

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 :ojotes:

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.

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;

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

:adios:

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 :arriba: